i.icon-menu:before {
	content: "\e668"
}

i.icon-home-line:before {
	content: "\e65f"
}

i.icon-password:before {
	content: "\e601"
}

i.icon-username:before {
	content: "\e602"
}

i.icon-config:before {
	content: '\e606'
}

i.icon-member:before {
	content: '\e617'
}

i.icon-widget-datatable:before {
	content: '\e63d'
}

i.icon-widget-combinedtable:before {
	content: '\e635'
}

i.icon-widget-barchart:before {
	content: '\e63f'
}

i.icon-widget-linechart:before {
	content: '\e63e'
}

i.icon-widget-areachart:before {
	content: '\e671'
}

i.icon-widget-piechart:before {
	content: '\e63c'
}

i.icon-widget-radarchart:before {
	content: '\e672'
}

i.icon-widget-donutchart:before {
	content: '\e673'
}

i.icon-widget-text:before {
	content: '\e60f'
}

i.icon-widget-number:before {
	content: '\e60e'
}

i.icon-widget-textarea:before {
	content: '\e60b'
}

i.icon-widget-datetime:before {
	content: '\e60d'
}

i.icon-widget-checkboxgroup:before {
	content: '\e60a'
}

i.icon-widget-radiogroup:before {
	content: '\e608'
}

i.icon-widget-combo:before {
	content: '\e613'
}

i.icon-widget-combocheck:before {
	content: '\e611'
}

i.icon-widget-address:before {
	content: '\e62b'
}

i.icon-widget-upload:before {
	content: '\e628'
}

i.icon-widget-subform:before {
	content: '\e62a'
}

i.icon-widget-separator:before {
	content: '\e685'
}

i.icon-widget-user:before {
	content: '\e6a4'
}

i.icon-widget-usergroup:before {
	content: '\e6a3'
}

i.icon-edit:before {
	content: "\e629"
}

i.icon-search:before {
	content: "\e622"
}

i.icon-plus:before {
	content: "\e699"
}

i.icon-preview:before {
	content: "\e626"
}

i.icon-save:before {
	content: "\e627"
}

.icon-trasho:before {
	content: "\e624"
}

i.icon-filter:before {
	content: "\e630"
}

i.icon-angledown:before {
	content: "\e631"
}

i.icon-angleup:before {
	content: "\e634"
}

i.icon-angleleft:before {
	content: "\e632"
}

i.icon-angleright:before {
	content: "\e633"
}

i.icon-file:before {
	content: "\e636"
}

i.icon-reply:before {
	content: "\e623"
}

i.icon-upload:before {
	content: "\e63a"
}

i.icon-cover-1:before {
	content: "\e641"
}

i.icon-cover-2:before {
	content: "\e642"
}

i.icon-cover-3:before {
	content: "\e643"
}

i.icon-cover-4:before {
	content: "\e644"
}

i.icon-cover-5:before {
	content: "\e645"
}

i.icon-cover-6:before {
	content: "\e646"
}

i.icon-cover-7:before {
	content: "\e647"
}

i.icon-cover-8:before {
	content: "\e648"
}

i.icon-cover-9:before {
	content: "\e649"
}

i.icon-cover-10:before {
	content: "\e650"
}

i.icon-tick:before {
	content: "\e66a"
}

i.icon-right-circle:before {
	content: "\e66c"
}

i.icon-close-large:before {
	content: "\e679"
}

i.icon-spinner:before {
	content: "\e675"
}

i.icon-enlarge:before {
	content: "\e66f"
}

i.icon-shrink:before {
	content: "\e66e"
}

i.icon-signout:before {
	content: "\e605"
}

i.icon-function:before {
	content: "\e669"
}

i.icon-sigma:before {
	content: "\e6a1"
}

i.icon-add:before {
	content: "\e61d"
}

i.icon-douban:before {
	content: "\e64a"
}

i.icon-qzone:before {
	content: "\e64c"
}

i.icon-renren:before {
	content: "\e64d"
}

i.icon-weibo:before {
	content: "\e64f"
}

i.icon-qrcode:before {
	content: "\e67c"
}

i.icon-news:before {
	content: "\e604"
}

i.icon-download:before {
	content: "\e674"
}

i.icon-pin:before {
	content: "\e687"
}

i.icon-question:before {
	content: "\e663"
}

i.icon-advice:before {
	content: "\e690"
}

i.icon-announce:before {
	content: "\e69c"
}

i.icon-solved:before {
	content: "\e698"
}

i.icon-enterin:before {
	content: "\e652"
}

i.icon-design:before {
	content: "\e653"
}

i.icon-info:before {
	content: "\e654"
}

i.icon-help:before {
	content: "\e655"
}

i.icon-export:before {
	content: "\e657"
}

i.icon-clear:before {
	content: "\e65b"
}

i.icon-gavel:before {
	content: "\e662"
}

i.icon-plane:before {
	content: "\e660"
}

i.icon-tag:before {
	content: "\e676"
}

i.icon-clock:before {
	content: "\e677"
}

i.icon-comment:before {
	content: "\e678"
}

i.icon-home:before {
	content: "\e67d"
}

i.icon-bold:before {
	content: "\e67e"
}

i.icon-italic:before {
	content: "\e681"
}

i.icon-underline:before {
	content: "\e684"
}

i.icon-color:before {
	content: "\e610"
}

i.icon-font-size:before {
	content: "\e614"
}

i.icon-unlink:before {
	content: "\e67f"
}

i.icon-link:before {
	content: "\e680"
}

i.icon-list-ol:before {
	content: "\e682"
}

i.icon-list-ul:before {
	content: "\e683"
}

i.icon-image:before {
	content: "\e670"
}

i.icon-page-design:before {
	content: "\e686"
}

i.icon-data-manager:before {
	content: "\e688"
}

i.icon-share:before {
	content: "\e689"
}

i.icon-back:before {
	content: "\e68a"
}

i.icon-flow:before {
	content: "\e68b"
}

i.icon-query-setting:before {
	content: "\e68d"
}

i.icon-page-view:before {
	content: "\e68e"
}

i.icon-qq:before {
	content: "\e691"
}

i.icon-wechat:before {
	content: "\e6a7"
}

i.icon-phone:before {
	content: "\e6a5"
}

i.icon-dingtalk:before {
	content: "\e6a2"
}

i.icon-feedback:before {
	content: "\e692"
}

i.icon-tag-all:before {
	content: "\e63b"
}

i.icon-video:before {
	content: "\e64b"
}

i.icon-department:before {
	content: "\e65d"
}

i.icon-setting:before {
	content: "\e697"
}

i.icon-jdy-logo:before {
	content: "\e609"
}

i.icon-arrow-bottom:before {
	content: "\e612"
}

i.icon-mingdao:before {
	content: "\e60c"
}

i.icon-excel-import:before {
	content: "\e67b"
}

i.icon-form-blank:before {
	content: "\e661"
}

i.icon-home-query:before {
	content: "\e667"
}

i.icon-home-form:before {
	content: "\e666"
}

i.icon-home-flow:before {
	content: "\e665"
}

i.icon-home-go:before {
	content: "\e664"
}

i.icon-home-report:before {
	content: "\e65e"
}

i.icon-home-shop:before {
	content: "\e65c"
}

i.icon-home-sale:before {
	content: "\e65a"
}

i.icon-home-fly:before {
	content: "\e659"
}

i.icon-home-rely:before {
	content: "\e658"
}

i.icon-home-eye:before {
	content: "\e651"
}

i.icon-home-bill:before {
	content: "\e64e"
}

i.icon-home-excel:before {
	content: "\e615"
}

i.icon-home-lock:before {
	content: "\e639"
}

i.icon-home-pen:before {
	content: "\e637"
}

i.icon-home-paper:before {
	content: "\e62f"
}

i.icon-home-calculate:before {
	content: "\e62e"
}

i.icon-home-distribution:before {
	content: "\e62d"
}

i.icon-home-mail:before {
	content: "\e620"
}

i.icon-home-ding:before {
	content: "\e61f"
}

i.icon-home-order:before {
	content: "\e618"
}

i.icon-home-etc:before {
	content: "\e616"
}

i.icon-home-hr:before {
	content: "\e640"
}

i.icon-bbs:before {
	content: "\e69a"
}

i.icon-log:before {
	content: "\e69b"
}

i.icon-member-normal:before {
	content: "\e69d"
}

i.icon-member-admin:before {
	content: "\e69e"
}

i.icon-member-add:before {
	content: "\e69f"
}

i.icon-member-move:before {
	content: "\e6a0"
}

i.icon-magnifier:before {
	content: "\e6a6"
}

@
keyframes fadeInLeft {
	from {opacity: 0;
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	transform: none
}

}
@
-webkit-keyframes fadeInLeft {
	from {opacity: 0;
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	transform: none
}

}
@
keyframes flipInX {
	from {transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);animation-timing-function
:ease-in
}
60%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);opacity
:
1
}
80%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
)
}
to {
	transform: perspective(400px)
}

}
@
-webkit-keyframes flipInX {
	from {transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-20
deg
);animation-timing-function
:ease-in
}
60%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,10
deg
);opacity
:
1
}
80%{
transform
:perspective(400px)
 
rotate3d
(1
,
0,0,-5
deg
)
}
to {
	transform: perspective(400px)
}

}
@
keyframes flipInY {
	from {transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-20
deg
);animation-timing-function
:ease-in
}
60%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,10
deg
);opacity
:
1
}
80%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-5
deg
)
}
to {
	transform: perspective(400px)
}

}
@
-webkit-keyframes flipInY {
	from {transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-20
deg
);animation-timing-function
:ease-in
}
60%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,10
deg
);opacity
:
1
}
80%{
transform
:perspective(400px)
 
rotate3d
(0
,
1,0,-5
deg
)
}
to {
	transform: perspective(400px)
}

}
@
keyframes rubberBand {
	from {transform: scale3d(1, 1, 1)
}

30%{
transform
:scale3d
(1
.25
,
.75
,
1)
}
40%{
transform
:scale3d
(
.75
,
1
.25
,
1)
}
50%{
transform
:scale3d
(1
.15
,
.85
,
1)
}
65%{
transform
:scale3d
(
.95
,
1
.05
,
1)
}
75%{
transform
:scale3d
(1
.05
,
.95
,
1)
}
to {
	transform: scale3d(1, 1, 1)
}

}
@
-webkit-keyframes rubberBand {
	from {transform: scale3d(1, 1, 1)
}

30%{
transform
:scale3d
(1
.25
,
.75
,
1)
}
40%{
transform
:scale3d
(
.75
,
1
.25
,
1)
}
50%{
transform
:scale3d
(1
.15
,
.85
,
1)
}
65%{
transform
:scale3d
(
.95
,
1
.05
,
1)
}
75%{
transform
:scale3d
(1
.05
,
.95
,
1)
}
to {
	transform: scale3d(1, 1, 1)
}

}
@
keyframes tada {
	from {transform: scale3d(1, 1, 1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,3
deg
)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
to {
	transform: scale3d(1, 1, 1)
}

}
@
-webkit-keyframes tada {
	from {transform: scale3d(1, 1, 1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,3
deg
)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
to {
	transform: scale3d(1, 1, 1)
}

}
@
keyframes grow { 0%{
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0
}

50%{
-webkit-transform
:scaleY(1)
;-moz-transform
:scaleY(1)
;-ms-transform
:scaleY(1)
;-o-transform
:scaleY(1)
;transform
:scaleY(1)
;opacity
:
1
}
100%{
-webkit-transform
:scaleY(0)
;-moz-transform
:scaleY(0)
;-ms-transform
:scaleY(0)
;-o-transform
:scaleY(0)
;transform
:scaleY(0)
;opacity
:
0
}
}
@
-webkit-keyframes grow { 0%{
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0
}

50%{
-webkit-transform
:scaleY(1)
;-moz-transform
:scaleY(1)
;-ms-transform
:scaleY(1)
;-o-transform
:scaleY(1)
;transform
:scaleY(1)
;opacity
:
1
}
100%{
-webkit-transform
:scaleY(0)
;-moz-transform
:scaleY(0)
;-ms-transform
:scaleY(0)
;-o-transform
:scaleY(0)
;transform
:scaleY(0)
;opacity
:
0
}
}
.x-c-key {
	color: #178cdf
}

.x-c-key.hv:hover {
	color: #126fb1
}

.x-c-red {
	color: #d84636
}

.x-c-red.hv:hover {
	color: #b73224
}

.x-hide {
	display: none
}

.x-abs {
	position: absolute
}

.x-fixed {
	position: fixed
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%
}

body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei UI", "Microsoft YaHei", STXihei, SimSun,
		sans-serif;
	font-size: 14px
}

a {
	outline: 0;
	text-decoration: none
}

input, select, textarea {
	font-size: 14px;
	font-family: sans-serif;
	margin: 0;
	outline: 0;
	border: 1px solid #ccc
}

img {
	border: 0;
	outline: 0
}

ol, ul {
	margin: 0;
	padding: 0
}

li {
	list-style-type: none
}

.x-iconfont, i[class*=icon-] {
	font-family: finex;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@font-face {
	font-family: finex;
	src: url(./resources/font/iconfont.eot);
	src: url(./resources/font/iconfont.eot?#iefix) format('embedded-opentype'),
		url(./resources/font/iconfont.woff) format('woff'), url(./resources/font/iconfont.ttf)
		format('truetype'), url(./resources/font/iconfont.svg#svgFontName) format('svg')
}

.x-btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	height: 36px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: background;
	-moz-transition: background;
	-o-transition: background;
	transition: background;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s
}

.x-btn>i {
	margin-right: 5px
}

.x-btn.style-white {
	color: #333;
	background-color: #fff;
	border-color: #fff
}

.x-btn.style-white:hover {
	background-color: #e6e6e6;
	border-color: #e6e6e6
}

.x-btn.style-white:hover.x-ui-disable {
	background-color: #fff;
	border-color: #fff
}

.x-btn.style-blue {
	color: #fff;
	background-color: #178cdf;
	border-color: #178cdf
}

.x-btn.style-blue:hover {
	background-color: #126fb1;
	border-color: #126fb1
}

.x-btn.style-blue:hover.x-ui-disable {
	background-color: #178cdf;
	border-color: #178cdf
}

.x-btn.style-red {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.x-btn.style-red:hover {
	background-color: #c9302c;
	border-color: #c9302c
}

.x-btn.style-red:hover.x-ui-disable {
	background-color: #d9534f;
	border-color: #d9534f
}

.x-btn.style-green {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}

.x-btn.style-green:hover {
	background-color: #449d44;
	border-color: #449d44
}

.x-btn.style-green:hover.x-ui-disable {
	background-color: #5cb85c;
	border-color: #5cb85c
}

.x-btn.style-white {
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	border-color: #ccc
}

.x-btn.style-white:hover {
	border-color: #ccc
}

.x-btn.style-none {
	border: none
}

.x-label {
	line-height: 30px
}

.x-label a.link {
	cursor: pointer
}

.x-dialog {
	position: fixed;
	top: -25%;
	left: 50%;
	width: 560px;
	height: 200px;
	margin-left: -280px;
	background-color: #FAFAFA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity: 0;
	filter: alpha(opacity = 0);
	overflow: hidden
}

.x-dialog .dialog-header {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border-bottom: solid 1px #e2e2e2;
	color: #757575;
	font-size: 16px;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0
}

.x-dialog .dialog-header>span.subtitle {
	font-size: 12px;
	margin-left: 10px;
	color: #989898
}

.x-dialog .dialog-body {
	position: relative;
	color: #333
}

.x-dialog .dialog-body .dialog-btn-row {
	position: absolute
}

.x-dialog .dialog-body .dialog-btn-row .dialog-btn {
	position: relative;
	float: left;
	left: 0;
	width: 120px
}

.x-dialog .dialog-subform {
	overflow: auto
}

i.icon-ui-close {
	font-size: 20px;
	position: relative;
	float: right;
	right: 0;
	cursor: pointer
}

i.icon-ui-close:hover {
	color: #d84636
}

i.icon-ui-close:before {
	content: '\e638'
}

.x-window-mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 100;
	overflow: hidden
}

.x-window-mask.light {
	background-color: rgba(255, 255, 255, .4)
}

.x-window-mask.modal {
	position: fixed
}

.x-window-mask>.x-loader-icon {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 35px auto 0 auto
}

.x-window-mask>.x-loader-icon div, .x-window-mask>.x-loader-icon:after, .x-window-mask>.x-loader-icon:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 10px;
	height: 30px;
	-webkit-animation: grow 1s linear infinite;
	-o-animation: grow 1s linear infinite;
	animation: grow 1s linear infinite
}

.x-window-mask>.x-loader-icon:after {
	left: 15px;
	-webkit-animation-delay: -.66s;
	-moz-animation-delay: -.66s;
	animation-delay: -.66s
}

.x-window-mask>.x-loader-icon div {
	left: 30px;
	-webkit-animation-delay: -.33s;
	-moz-animation-delay: -.33s;
	animation-delay: -.33s
}

.x-window-mask>.x-loader-icon.light div, .x-window-mask>.x-loader-icon.light:after, .x-window-mask>.x-loader-icon.light:before
	{
	background: #178cdf
}

.x-layout-table-row {
	position: relative
}

.x-layout-table-row:after, .x-layout-table-row:before {
	content: " ";
	display: table;
	line-height: 0
}

.x-layout-table-row:after {
	clear: both
}

.x-layout-table-item {
	float: left;
	position: relative;
	display: inline
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input, select, textarea {
	font-size: 14px;
	padding: 3px;
	background-color: #fff;
	background-image: none;
	vertical-align: middle;
	border-color: #CCC;
	-webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
	-ms-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
	-webkit-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
	-o-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
	transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s
}

input, select {
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

textarea {
	width: 100%;
	height: 100%;
	resize: none;
	font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, STXihei, SimSun, sans-serif
}

input.x-input {
	width: 100%;
	height: 100%
}

.x-input-focus, .x-textarea-focus, input:focus, select:focus, textarea:focus {
	border-color: #66afe9;
	-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	box-shadow: 0 0 6px rgba(102, 175, 233, .6)
}

.x-input-error, .x-textarea-error, input.error, select.error, textarea.error {
	border-color: #d9534f;
	-webkit-box-shadow: 0 0 6px rgba(217, 83, 79, .6);
	box-shadow: 0 0 6px rgba(217, 83, 79, .6)
}

.x-input-warning, .x-textarea-warning {
	border-color: #f0ad4e;
	-webkit-box-shadow: 0 0 6px rgba(240, 173, 78, .6);
	box-shadow: 0 0 6px rgba(240, 173, 78, .6)
}

.x-input-success, .x-textarea-success {
	border-color: #5cb85c;
	-webkit-box-shadow: 0 0 6px rgba(92, 184, 92, .6);
	box-shadow: 0 0 6px rgba(92, 184, 92, .6)
}

.fui_text.x-ui-disable>input, .fui_textarea.x-ui-disable>input {
	border-color: #CCC;
	-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .075);
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .075)
}

.invalid-info {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	display: none;
	padding: 2px;
	border: solid 1px #f0ad4e;
	-webkit-border-radius: 0 2px 0 0;
	-moz-border-radius: 0 2px 0 0;
	border-radius: 0 2px 0 0;
	background: rgba(240, 173, 78, .6);
	color: #d9534f
}

.x-msg-bubble {
	position: absolute;
	min-width: 230px;
	background: #FAFAFA;
	z-index: 9999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5);
	box-shadow: 0 0 12px rgba(0, 0, 0, .5);
	pointer-events: none
}

.x-msg-bubble.animation {
	-webkit-transition: all;
	-moz-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-moz-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-o-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity = 0)
}

.x-msg-bubble .navi-btn-ok {
	position: absolute;
	bottom: 10px;
	left: 10px
}

.x-msg-bubble .navi-btn-cancel {
	position: absolute;
	bottom: 10px;
	right: 10px
}

.x-msg-bubble .content {
	padding: 12px 10px 60px 10px;
	word-break: break-all;
	word-wrap: break-word
}

.x-msg-bubble .content.no-toolbar {
	padding: 12px 10px 10px 10px
}

.x-msg-bubble.active {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	pointer-events: auto
}

.x-msg-bubble .triangle-up {
	position: absolute
}

.x-msg-bubble.dock-left .triangle-up {
	left: 0
}

.x-msg-bubble.dock-right .triangle-up {
	right: 0
}

.x-msg-bubble.dock-bottom.dock-right {
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.x-msg-bubble.dock-bottom.dock-left {
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.x-msg-bubble.dock-bottom .content {
	border-bottom: solid 3px #178cdf
}

.x-msg-bubble.dock-bottom .triangle-up {
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 8px solid #178cdf;
	bottom: -5px
}

.x-msg-bubble.dock-top.dock-right {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.x-msg-bubble.dock-top.dock-left {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.x-msg-bubble.dock-top .content {
	border-top: solid 3px #178cdf
}

.x-msg-bubble.dock-top .triangle-up {
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #178cdf;
	top: -5px
}

.x-msg-bubble.error.dock-top .content {
	border-top-color: #d9534f
}

.x-msg-bubble.error.dock-top .triangle-up {
	border-bottom-color: #d9534f
}

.x-msg-bubble.error.dock-bottom .content {
	border-bottom-color: #d9534f
}

.x-msg-bubble.error.dock-bottom .triangle-up {
	border-top-color: #d9534f
}

.x-msg-toast {
	position: fixed;
	z-index: 999999;
	display: none;
	opacity: .9;
	filter: alpha(opacity = 90)
}

.x-msg-toast .content {
	position: relative;
	overflow: hidden;
	padding: 15px 15px 15px 60px;
	margin: auto;
	width: 300px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 8px #999;
	box-shadow: 0 0 8px #999;
	color: #fff
}

.x-msg-toast .content .toast-icon {
	position: absolute;
	top: 0;
	left: 15px;
	width: 35px;
	height: 100%
}

.x-msg-toast .content i.icon-toast-type {
	font-size: 30px;
	text-align: center
}

.x-msg-toast .content.success {
	background-color: #5cb85c
}

.x-msg-toast .content.success i:before {
	content: '\e66c'
}

.x-msg-toast .content.error {
	background-color: #d9534f
}

.x-msg-toast .content.error i:before {
	content: '\e621'
}

.x-msg-toast .content.info {
	background-color: #5bc0de
}

.x-msg-toast .content.info i:before {
	content: '\e61e'
}

.x-msg-toast .content.warning {
	background-color: #f0ad4e
}

.x-msg-toast .content.warning i:before {
	content: '\e66d'
}

.x-msg-toast.topcenter {
	width: 100%;
	top: 12px
}

.x-msg-toast.topright {
	width: 300px;
	top: 12px;
	right: 12px
}

.x-msg-alert {
	background-color: #fff;
	width: 478px;
	padding: 18px;
	border-radius: 5px;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -257px;
	overflow: hidden;
	z-index: 99999
}

.x-msg-alert .title {
	color: #575757;
	font-size: 30px;
	text-align: center;
	margin: 16px 0;
	line-height: 40px
}

.x-msg-alert .text {
	color: #797979;
	font-size: 16px;
	text-align: center;
	font-weight: 300
}

.x-msg-alert .icon {
	width: 80px;
	height: 80px;
	margin: 10px auto;
	box-sizing: content-box
}

.x-msg-alert .icon i.icon-toast-type {
	font-size: 80px;
	text-align: center
}

.x-msg-alert .icon.success {
	color: #5cb85c
}

.x-msg-alert .icon.success i:before {
	content: '\e66c'
}

.x-msg-alert .icon.error {
	color: #d9534f
}

.x-msg-alert .icon.error i:before {
	content: '\e621'
}

.x-msg-alert .icon.warning {
	color: #f0ad4e
}

.x-msg-alert .icon.warning i:before {
	content: '\e66d'
}

.x-msg-alert .icon.query {
	color: #178cdf
}

.x-msg-alert .icon.query i:before {
	content: '\e655'
}

.x-msg-alert .btn-container {
	margin: 20px auto 0 auto;
	width: 120px
}

.x-msg-alert .btn-container .navi-btn-cancel {
	position: relative;
	float: left;
	left: 10px
}

.x-msg-alert .btn-container .navi-btn-ok {
	position: relative;
	float: right;
	right: 10px
}

.x-msg-alert .btn-container.double {
	width: 240px
}

@
keyframes showAlert { 0%{
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7)
}

45%{
-webkit-transform
:scale
(1
.05
);-moz-transform
:scale
(1
.05
);-ms-transform
:scale
(1
.05
);-o-transform
:scale
(1
.05
);transform
:scale
(1
.05
)
}
80%{
-webkit-transform
:scale
(
.95
);-moz-transform
:scale
(
.95
);-ms-transform
:scale
(
.95
);-o-transform
:scale
(
.95
);transform
:scale
(
.95
)
}
100%{
-webkit-transform
:scale(1)
;-moz-transform
:scale(1)
;-ms-transform
:scale(1)
;-o-transform
:scale(1)
;transform
:scale(1)
}
}
@
-webkit-keyframes showAlert { 0%{
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7)
}

45%{
-webkit-transform
:scale
(1
.05
);-moz-transform
:scale
(1
.05
);-ms-transform
:scale
(1
.05
);-o-transform
:scale
(1
.05
);transform
:scale
(1
.05
)
}
80%{
-webkit-transform
:scale
(
.95
);-moz-transform
:scale
(
.95
);-ms-transform
:scale
(
.95
);-o-transform
:scale
(
.95
);transform
:scale
(
.95
)
}
100%{
-webkit-transform
:scale(1)
;-moz-transform
:scale(1)
;-ms-transform
:scale(1)
;-o-transform
:scale(1)
;transform
:scale(1)
}
}
.showAlert {
	-webkit-animation: showAlert .3s;
	-o-animation: showAlert .3s;
	animation: showAlert .3s
}

.x-group {
	line-height: 24px
}

.x-check, .x-group .group_item {
	cursor: pointer
}

.x-check.horizontal, .x-group .group_item.horizontal {
	display: inline-block;
	padding-right: 16px;
	vertical-align: top
}

@media ( max-width :768px) {
	.x-check.horizontal, .x-group .group_item.horizontal {
		display: block
	}
}

.x-check span, .x-group span {
	margin-left: 5px
}

.x-radio .text-other {
	display: inline-block !important;
	margin-left: 12px
}

.x-radio i {
	color: #6f6f6f
}

.x-radio i:before {
	content: '\e619'
}

.x-check i {
	color: #6f6f6f
}

.x-check i:before {
	content: '\e603'
}

.x-check:hover i, .x-radio:hover i {
	color: #333
}

.x-radio.select i {
	color: #178cdf
}

.x-radio.select i:before {
	content: '\e61a'
}

.x-check.select i {
	color: #178cdf
}

.x-check.select i:before {
	content: '\e600'
}

.x-check.x-ui-disable i, .x-group.x-ui-disable .group_item i, .x-radio.x-ui-disable i {
	color: #6f6f6f
}

.x-dropdown {
	position: absolute;
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	overflow: hidden;
	z-index: 101;
	display: none;
	margin: 2px 0
}

.x-dropdown-list {
	min-width: 160px;
	max-width: 240px;
	max-height: 200px;
	padding: 5px 0;
	overflow: auto
}

.x-dropdown-list .x-dropdown-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	padding: 0 4px;
	display: block;
	height: 26px;
	line-height: 26px;
	cursor: pointer
}

.x-dropdown-list .x-dropdown-item.hide {
	display: none
}

.x-dropdown-list .x-dropdown-item:hover {
	color: #fff;
	background-color: #55aeed
}

.x-dropdown-list .x-dropdown-item:hover i {
	color: #fff
}

@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 0 0
}

to {
	background-position: 40px 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 0 0
}

to {
	background-position: 40px 0
}

}
.fui_progress {
	position: relative;
	overflow: hidden;
	height: 20px;
	margin-bottom: 20px;
	background-color: #e6e6e6;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #178cdf;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-moz-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}

.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%,
		rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%,
		rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%,
		rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 40px 40px
}

.progress-bar.active {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite
}

.progress-message {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 20px;
	text-align: center;
	width: 100%;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	text-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-message.bright {
	color: #FAFAFA;
	text-shadow: 0 1px 0 rgba(51, 51, 51, .9)
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-bar-info {
	background-color: #178cdf
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-bar-danger {
	background-color: #d9534f
}

.x-popover {
	position: absolute;
	background: #FAFAFA;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.x-popover:after, .x-popover:before {
	position: absolute;
	border: solid transparent;
	content: " ";
	width: 0;
	height: 0;
	pointer-events: none
}

.x-popover:after {
	border-width: 6px
}

.x-popover:before {
	border-width: 7px
}

.x-popover.bottom:after, .x-popover.bottom:before {
	bottom: 100%;
	left: 50%
}

.x-popover.bottom:after {
	border-bottom-color: #FAFAFA;
	margin-left: -1px
}

.x-popover.bottom:before {
	border-bottom-color: #CCC;
	margin-left: -7px
}

.x-popover.top:after, .x-popover.top:before {
	top: 100%;
	left: 50%
}

.x-popover.top:after {
	border-top-color: #FAFAFA;
	margin-left: -6px
}

.x-popover.top:before {
	border-top-color: #CCC;
	margin-left: -7px
}

.x-popover.left:after, .x-popover.left:before {
	left: 100%;
	top: 50%
}

.x-popover.left:after {
	border-left-color: #FAFAFA;
	margin-top: -1px
}

.x-popover.left:before {
	border-left-color: #CCC;
	margin-top: -7px
}

.x-popover .right:after, .x-popover .right:before {
	right: 100%;
	top: 50%
}

.x-popover .right:after {
	border-right-color: #FAFAFA;
	margin-top: -1px
}

.x-popover .right:before {
	border-right-color: #CCC;
	margin-top: -7px
}

.x-popover.error {
	background: #fef6de;
	color: #d9534f;
	border-color: #f0d6a3
}

.x-popover.error:after {
	border-top-color: #fef6de
}

.x-popover.error:before {
	border-top-color: #f0d6a3
}

.x-table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	text-align: left
}

.x-table>tbody>tr>td, .x-table>tbody>tr>th, .x-table>tfoot>tr>td, .x-table>tfoot>tr>th, .x-table>thead>tr>td, .x-table>thead>tr>th
	{
	padding: 8px 4px;
	vertical-align: middle;
	border-top: 1px solid #ddd
}

.x-table>tbody>tr>td.clickable, .x-table>tbody>tr>th.clickable, .x-table>tfoot>tr>td.clickable, .x-table>tfoot>tr>th.clickable,
	.x-table>thead>tr>td.clickable, .x-table>thead>tr>th.clickable {
	cursor: pointer
}

.x-table>tbody>tr>th, .x-table>tfoot>tr>th, .x-table>thead>tr>th {
	white-space: nowrap
}

.x-table>thead>tr>th {
	vertical-align: middle;
	border-bottom: 2px solid #ddd;
	white-space: nowrap
}

.x-table>thead>tr>th.address-col, .x-table>thead>tr>th.textarea-col {
	min-width: 240px
}

.x-table>thead>tr>th.datetime-col {
	min-width: 96px
}

.x-table>thead>tr>th.sortable {
	padding-right: 18px;
	background: url(./resources/images/sort.svg) no-repeat center right
}

.x-table>thead>tr>th.sort.sort-asc {
	background: url(./resources/images/sort-asc.svg) no-repeat center right
}

.x-table>thead>tr>th.sort.sort-desc {
	background: url(./resources/images/sort-desc.svg) no-repeat center right
}

.x-table>colgroup+thead>tr:first-child>td, .x-table>colgroup+thead>tr:first-child>th, .x-table>thead:first-child>tr:first-child>td,
	.x-table>thead:first-child>tr:first-child>th {
	border-top: 0
}

.x-table>tbody+tbody {
	border-top: 2px solid #ddd
}

.x-table.sticky-intersect, .x-table.sticky-row-head {
	width: auto
}

.x-table.sticky-head, .x-table.sticky-intersect, .x-table.sticky-row-head {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff
}

.x-table-bordered {
	border: 1px solid #ddd
}

.x-table-bordered>tbody>tr>td, .x-table-bordered>tbody>tr>th, .x-table-bordered>tfoot>tr>td, .x-table-bordered>tfoot>tr>th,
	.x-table-bordered>thead>tr>td, .x-table-bordered>thead>tr>th {
	border: 1px solid #ddd
}

.x-table-bordered>tbody>tr>td.h-center, .x-table-bordered>tbody>tr>th.h-center, .x-table-bordered>tfoot>tr>td.h-center,
	.x-table-bordered>tfoot>tr>th.h-center, .x-table-bordered>thead>tr>td.h-center, .x-table-bordered>thead>tr>th.h-center
	{
	text-align: center
}

.x-table-bordered>tbody>tr>td.h-right, .x-table-bordered>tbody>tr>th.h-right, .x-table-bordered>tfoot>tr>td.h-right,
	.x-table-bordered>tfoot>tr>th.h-right, .x-table-bordered>thead>tr>td.h-right, .x-table-bordered>thead>tr>th.h-right {
	text-align: right
}

.x-table-bordered>thead>tr>td, .x-table-bordered>thead>tr>th {
	border-bottom-width: 2px
}

.x-table-striped>tbody>tr:nth-child(odd) {
	background-color: #fcfcfd
}

table col[class*=col-] {
	position: static;
	float: none;
	display: table-column
}

table td[class*=col-], table th[class*=col-] {
	position: static;
	float: none;
	display: table-cell
}

.x-table-pagination {
	position: relative;
	float: right;
	right: 15px;
	display: inline-block;
	padding-left: 0;
	margin: 3px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.x-table-pagination>li {
	display: inline
}

.x-table-pagination>li>a, .x-table-pagination>li>span {
	position: relative;
	float: left;
	left: 0;
	padding: 0 12px;
	line-height: 30px;
	color: #178cdf;
	background-color: #fff;
	border: 1px solid #CCC;
	margin-left: -1px
}

.x-table-pagination>li>a:focus, .x-table-pagination>li>a:hover, .x-table-pagination>li>span:focus, .x-table-pagination>li>span:hover
	{
	color: #126fb1;
	background-color: #eee
}

.x-table-pagination>li.paginate_button>a, .x-table-pagination>li.paginate_button>span {
	cursor: pointer
}

.x-table-pagination>li:first-child>a, .x-table-pagination>li:first-child>span {
	margin-left: 0;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.x-table-pagination>li:last-child>a, .x-table-pagination>li:last-child>span {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.x-table-pagination>li.active>a, .x-table-pagination>li.active>span {
	color: #fff;
	cursor: default;
	background-color: #178cdf;
	border-color: #178cdf
}

.x-table-pagination>li.disabled>a, .x-table-pagination>li.disabled>span {
	color: #6f6f6f;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.x-table-pagination>li.paginate_info {
	position: relative;
	float: left;
	left: 0;
	margin: 0 6px;
	line-height: 30px
}

.x-table-pagination i {
	font-size: 18px
}

.x-table-jump-page {
	position: relative;
	float: right;
	right: 24px;
	margin: 4px 0
}

.x-table-jump-page>.page-input {
	display: inline-block;
	margin: 0 6px
}

.x-table-jump-page>.page-input>input {
	text-align: right
}

.x-table-page-item-count {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 5px 0
}

.x-table-page-item-count>.count-sel {
	display: inline-block;
	margin: 0 6px
}

.x-table-page-item-count>span {
	line-height: 30px
}

.x-ui-disable {
	opacity: .7 !important;
	filter: alpha(opacity = 70) !important;
	cursor: not-allowed !important
}

.fui_combo, .fui_combocheck, .fui_combotree, .fui_datetime, .fui_trigger {
	position: relative
}

.fui_trigger-input {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
	width: 100%;
	height: 100%;
	padding: 1px 30px 1px 3px !important
}

.fui_trigger-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	line-height: 28px;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
	border-left: solid 1px #CCC;
	display: inline-block;
	color: #178cdf;
	text-align: center;
	font-size: 16px
}

.fui-text-other {
	position: relative;
	margin-top: 5px
}

.loading-text {
	padding-left: 3px;
	color: #999
}

i.icon-ui-combo:before {
	content: '\e62c'
}

i.icon-ui-checkoff {
	margin-right: 3px
}

i.icon-ui-checkoff:before {
	content: '\e603'
}

.x-dropdown-item.select i.icon-ui-checkoff:before, i.icon-check:before {
	content: '\e600'
}

.fui_combo-search {
	height: 30px;
	position: relative
}

.fui_combo-search .search-icon {
	color: #999;
	line-height: 30px;
	padding-left: 3px
}

.fui_combo-search>input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border-width: 0 0 1px 0;
	padding-left: 20px;
	background: 0 0
}

.fui_combo-search>input:focus {
	background: 0 0;
	border-color: #CCC;
	-webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .075)
}

.x-dropdown-list.combotree-list {
	overflow-x: hidden
}

.x-dropdown-list.combotree-list .curSelectedNode .button {
	color: #FAFAFA
}

.x-dropdown-list.combo-list>.select {
	color: #fff;
	background-color: #178cdf
}

.fui_datepicker {
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	margin: 2px 0 0;
	font-size: 14px;
	color: #333;
	background-color: #FAFAFA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	line-height: 0;
	border: none
}

.fui_datepicker table {
	background-color: #fff;
	padding: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC
}

.fui_datepicker table td {
	text-align: center;
	padding: 2px;
	width: 34px;
	height: 27px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.fui_datepicker td.name {
	font-weight: 700
}

.fui_datepicker table td.weekend {
	color: #d9534f
}

.fui_datepicker tbody td.hover {
	background-color: #eee;
	padding: 1px;
	border: 1px solid #CCC
}

.fui_datepicker tfoot td.split {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 1px;
	border-bottom: solid 1px #CCC
}

.fui_datepicker tfoot td.hover, .fui_datepicker thead td.hover {
	background-color: #eee;
	padding: 1px;
	border: 1px solid #eee
}

.fui_datepicker tbody td.today {
	font-weight: 700;
	color: #178cdf
}

.fui_datepicker tbody td.selected {
	font-weight: 700;
	padding: 1px;
	color: #fff;
	border: 1px solid #178cdf;
	background-color: #178cdf
}

.fui_datepicker thead td.title {
	font-weight: 700;
	text-align: center;
	padding: 2px
}

.fui_datepicker table.mt tbody td {
	width: 58px;
	height: 38px
}

.fui_datepicker td.oday {
	color: #CCC
}

.fui_datepicker td.disabled {
	color: #999
}

.fui_datepicker td i {
	font-size: 18px;
	font-weight: 700
}

.fui_datepicker td table.tt {
	border: 0;
	padding: 0
}

.fui_datepicker table.tt td.common {
	width: 5px
}

.fui_datepicker table.tt tbody td {
	width: 40px;
	height: 14px
}

.fui_datepicker table.tt input {
	margin: 0 auto;
	width: 38px;
	height: 24px;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.fui_datepicker table.tt input:focus {
	border-color: #66afe9;
	-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	box-shadow: 0 0 6px rgba(102, 175, 233, .6)
}

.fui_address .fui_address-select:after, .fui_address .fui_address-select:before {
	content: " ";
	display: table;
	line-height: 0
}

.fui_address .fui_address-select:after {
	clear: both
}

.fui_address .sel-city, .fui_address .sel-district, .fui_address .sel-province {
	position: relative;
	float: left;
	left: 0;
	margin-right: 5px
}

.fui_address .address-detail {
	margin-top: 5px
}

.fui_upload>.fui_progress {
	max-width: 100%
}

.fui_upload .upload-btn {
	position: relative;
	width: 120px;
	height: 30px;
	line-height: 28px;
	overflow: hidden
}

.fui_upload .upload-btn .icon-upload {
	margin-right: 5px;
	font-size: 16px;
	color: #178cdf
}

.fui_upload .upload-form {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer
}

.fui_upload .upload-btn-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer
}

.fui_upload iframe.fake-container {
	display: none
}

.fui_upload .upload-preview-list {
	margin: 5px 0
}

.fui_upload .upload-preview-list.small .upload-info {
	width: 320px;
	height: 90px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview {
	width: 100px;
	padding: 10px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview>.upload-ext-mark {
	position: absolute;
	top: 22px;
	right: 24px;
	font-size: 12px;
	line-height: 14px;
	padding: 2px 4px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview .upload-file-mark {
	font-size: 64px;
	line-height: 70px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info {
	width: 190px;
	padding: 5px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info>.info-text {
	margin: 4px 0
}

.fui_upload .upload-preview-list.small .upload-info>.upload-remove-btn {
	height: 90px;
	line-height: 90px
}

.fui_upload .upload-info {
	width: 430px;
	height: 120px;
	max-width: 100%;
	border-top: 1px solid #CCC;
	background-color: #FAFAFA
}

.fui_upload .upload-info.preview-info {
	top: 0;
	margin-top: 0;
	border-top: none
}

.fui_upload .upload-info>.upload-preview {
	position: relative;
	float: left;
	left: 0;
	width: 45%;
	height: 100%;
	padding: 10px
}

.fui_upload .upload-info>.upload-preview>canvas {
	width: 180px
}

.fui_upload .upload-info>.upload-preview>.upload-ext-mark {
	position: absolute;
	top: 26px;
	right: 96px;
	display: block;
	font-weight: 700;
	line-height: 16px;
	padding: 2px 6px;
	color: #FAFAFA;
	background-color: #178cdf
}

.fui_upload .upload-info>.upload-preview .upload-file-mark {
	font-size: 88px;
	line-height: 100px;
	color: #777
}

.fui_upload .upload-info>.upload-file-info {
	position: relative;
	float: left;
	left: 0;
	width: 45%;
	height: 100%;
	line-height: 20px;
	padding: 10px
}

.fui_upload .upload-info>.upload-file-info>.info-text {
	word-break: break-all;
	word-wrap: break-word;
	margin: 10px 0
}

.fui_upload .upload-info>.upload-info-btn {
	position: relative;
	float: right;
	right: 0;
	width: 10%;
	height: 100%;
	font-size: 24px;
	line-height: 120px
}

.fui_upload .upload-info>.upload-info-btn>i {
	color: #777;
	cursor: pointer
}

.fui_upload .upload-info:last-child {
	border-bottom: 1px solid #CCC
}

.fui_upload .upload-info i.icon-upload-remove:hover {
	color: #d9534f
}

.fui_upload .upload-info i.icon-upload-remove:before {
	content: '\e624'
}

.fui-grid {
	cursor: default;
	color: #333;
	font-size: 14px
}

.fui-grid .x-table-pagination {
	position: relative;
	right: 0;
	margin: 10px 0
}

.fui-grid-table {
	overflow: hidden;
	height: auto;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0
}

.fui-grid-table>table {
	border-collapse: collapse;
	height: auto;
	width: 100%
}

.fui-grid-table>table>thead>tr {
	color: #333;
	background-color: #f5f5f5;
	line-height: 36px;
	font-size: 14px;
	font-weight: 700
}

.fui-grid-table>table>thead>tr i.icon-check {
	font-weight: 400;
	color: #999
}

.fui-grid-table>table>tbody>tr.even {
	background: #f5f5f5
}

.fui-grid-table>table>tbody>tr.hilit {
	background: #f5f5f5
}

.fui-grid-table>table>tbody>tr.hover {
	background: #f5f5f5
}

.fui-grid-table>table>tbody>tr i.icon-check {
	color: #999
}

.fui-grid-table>table>tbody>tr>td, .fui-grid-table>table>thead>tr>td {
	border-bottom: 1px solid #ddd
}

.fui-grid-table>table>tbody>tr>td div.cell, .fui-grid-table>table>thead>tr>td div.cell {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fui-grid-table>table>tbody>tr>td a, .fui-grid-table>table>thead>tr>td a {
	color: #333
}

.fui-report {
	color: #333;
	background: #fff;
	overflow: auto
}

.fui-report .content {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.fui-report .report-content {
	position: relative
}

.fui-report .parameter-content {
	padding: 5px
}

.more-btn .delete-btn {
	position: relative;
	float: left;
	left: 0;
	margin: 10px 0
}

.more-btn .btn-pane.three .delete-btn {
	margin: 10px 20px
}

.more-btn .btn-pane.three .cancel-btn, .more-btn .btn-pane.three .delete-btn, .more-btn .btn-pane.three .ok-btn {
	width: 80px !important
}

.fui-form {
	position: relative;
	color: #333;
	background: #fff;
	margin: 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.fui-form>.header {
	padding: 0 10px;
	word-break: break-all;
	word-wrap: break-word;
	min-height: 50px;
	line-height: 50px;
	background-color: #1c8adc;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-bottom: dashed 2px rgba(255, 255, 255, .2)
}

.fui-form>.header-gap {
	background-color: #1c8adc;
	height: 5px
}

.fui-form>.widget-wrapper {
	overflow: auto
}

.fui-form>.widget-wrapper>ul {
	margin: 10px 10px
}

.fui-form>.footer {
	position: relative;
	height: 60px;
	border-top: dashed 1px #bcbcbc;
	padding: 0 30px
}

.fui-form>.footer>.btn-pane {
	position: relative;
	overflow: hidden;
	height: 100%
}

.fui-form>.footer>.btn-pane.middle {
	margin: auto
}

.fui-form>.footer>.btn-pane .cancel-btn, .fui-form>.footer>.btn-pane .ok-btn {
	margin: 10px 0
}

.fui-form>.footer>.btn-pane.float {
	width: 280px
}

.fui-form>.footer>.btn-pane.float .cancel-btn {
	position: relative;
	float: right;
	right: 0
}

.fui-form>.footer>.btn-pane.float .ok-btn {
	position: relative;
	float: left;
	left: 0
}

.fui-form>.footer>.btn-pane.flow-btn .cancel-btn, .fui-form>.footer>.btn-pane.flow-btn .ok-btn {
	margin: 10px 10px;
	position: relative;
	float: left;
	left: 0
}

.fui-form .widget-view {
	position: relative;
	line-height: 20px;
	padding: 5px 0;
	word-break: break-all;
	word-wrap: break-word
}

.fui-form .widget-view.hide {
	display: none !important
}

.fui-form .widget-view .fl-label {
	padding: 5px 0
}

.fui-form .widget-view .fl-description {
	font-size: 12px;
	color: #777
}

.fui-form .widget-view .fl-description.separator {
	border-top: dashed 1px #979797
}

.fui-form .widget-view.error {
	background: #fef6de
}

.fui-form .widget-view .error-info {
	font-size: 12px;
	color: #d9534f
}

@media ( min-width :768px) {
	.fui-form .widget-view {
		padding: 5px 10px
	}
}

.fui-form.grid-layout .x-grid-col-6 {
	display: inline-block;
	vertical-align: top;
	width: 50%
}

.label-notnull {
	color: #d84636;
	margin-left: 5px
}

.fui_subform>table {
	background: #fff
}

.fui_subform .btn-itemadd {
	cursor: pointer;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	color: #178cdf
}

.fui_subform .btn-itemadd:hover {
	color: #126fb1
}

.fui_subform i.icon-ui-remove {
	font-size: 18px;
	cursor: pointer;
	color: #d84636
}

.fui_subform i.icon-ui-remove:hover {
	color: #b73224
}

.fui_subform i.icon-ui-remove:before {
	content: '\e61b'
}

.fui_subform .form-cell {
	margin: 3px 0
}

.fui_subform .subform-head {
	background-color: #f5f5f5;
	line-height: 1.4em
}

.fui_subform .subform-head>td {
	width: 170px;
	word-break: break-all;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.fui_subform .subform-head>td.navi-cell {
	width: auto
}

.fui_subform .subform-line>td {
	border-bottom: 1px solid #ddd
}

.fui_subform .subform-line>td.navi-cell {
	width: auto
}

.fui_subform .subform-none-tip {
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #FAFAFA;
	width: 420px;
	height: 80px;
	font-size: 28px;
	text-align: center;
	line-height: 80px;
	color: #777
}

.fui_switch {
	font-size: 14px;
	background-color: #fff;
	border: solid 1px #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden
}

.fui_switch-wrap {
	width: 150%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer !important
}

.fui_switch-on {
	width: 33%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #178cdf;
	text-align: center;
	color: #fff;
	z-index: 1
}

.fui_switch-off {
	width: 33%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	color: #178cdf;
	z-index: 1
}

.fui_switch-btn {
	width: 33%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #eee;
	z-index: 100
}

.x-block-bg {
	border: solid 1px #178cdf;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #fff
}

.x-block-bg.no-border {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.x-block-head {
	height: 30px;
	line-height: 30px;
	background-color: #178cdf;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	color: #fff
}

.x-block-head>a {
	cursor: pointer;
	position: relative;
	float: right;
	right: 0;
	color: #fff;
	margin-right: 14px
}

.x-block-head>a:hover {
	color: #e6e6e6
}

.x-block-head>a span {
	font-size: 12px;
	margin-left: 5px
}

.x-block-body {
	position: relative;
	background: #fff
}

.x-block-head-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5px;
	font-size: 16px
}

i.icon-ui-delete:before {
	content: '\e624'
}

i.icon-ui-ok:before {
	content: '\e656'
}

.fui_parameter .x-block-body {
	min-height: 60px
}

.fui_parameter .x-block-body:after, .fui_parameter .x-block-body:before {
	content: " ";
	display: table;
	line-height: 0
}

.fui_parameter .x-block-body:after {
	clear: both
}

.fui_parameter .fui_parameter_cell {
	position: relative;
	float: left;
	left: 0;
	margin: 5px
}

.fui_parameter .fui_parameter_cell .cell-title {
	padding-bottom: 3px
}

.fui_date_limit:after, .fui_date_limit:before, .fui_number_limit:after, .fui_number_limit:before {
	content: " ";
	display: table;
	line-height: 0
}

.fui_date_limit:after, .fui_number_limit:after {
	clear: both
}

.fui_date_limit .limit-item, .fui_number_limit .limit-item {
	position: relative;
	float: left;
	left: 0
}

.fui_date_limit .limit-to, .fui_number_limit .limit-to {
	width: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.fui_date_limit .limit-wrap {
	overflow: hidden
}

.fui_datatable .table-op-btn-cell {
	font-weight: 400;
	width: 40px;
	min-width: 40px;
	text-align: center
}

.fui_datatable .table-op-btn {
	font-size: 16px;
	cursor: pointer
}

.fui_datatable .table-detail-btn, .fui_datatable .table-file-btn {
	text-decoration: underline;
	color: #178cdf
}

.fui_combinedtable .fui_table-wrapper, .fui_datatable .fui_table-wrapper {
	position: relative;
	width: 100%;
	overflow: auto
}

.fui_combinedtable .fui-table-menu, .fui_datatable .fui-table-menu {
	position: relative;
	height: 40px;
	width: 100%;
	border-top: 1px solid #ddd
}

.fui_combinedtable .fixed-height .fui_table-wrapper, .fui_datatable .fixed-height .fui_table-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0
}

.fui_combinedtable .fixed-height .fui_table-wrapper.has-menu, .fui_datatable .fixed-height .fui_table-wrapper.has-menu {
	bottom: 40px
}

.fui_combinedtable .fixed-height .fui-table-menu, .fui_datatable .fixed-height .fui-table-menu {
	position: absolute;
	bottom: 0;
	left: 0
}

.fui_fullscreen {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	z-index: 1000
}

i.icon-table-remove-btn {
	color: #d84636;
	cursor: pointer
}

i.icon-table-remove-btn:before {
	content: '\e61b'
}

i.icon-table-remove-btn:hover {
	color: #b73224
}

.fui_tree {
	padding: 5px 0
}

.fui_tree * {
	padding: 0;
	margin: 0
}

.fui_tree a.level15 {
	padding-left: 315px
}

.fui_tree a.level14 {
	padding-left: 294px
}

.fui_tree a.level13 {
	padding-left: 273px
}

.fui_tree a.level12 {
	padding-left: 252px
}

.fui_tree a.level11 {
	padding-left: 231px
}

.fui_tree a.level10 {
	padding-left: 210px
}

.fui_tree a.level9 {
	padding-left: 189px
}

.fui_tree a.level8 {
	padding-left: 168px
}

.fui_tree a.level7 {
	padding-left: 147px
}

.fui_tree a.level6 {
	padding-left: 126px
}

.fui_tree a.level5 {
	padding-left: 105px
}

.fui_tree a.level4 {
	padding-left: 84px
}

.fui_tree a.level3 {
	padding-left: 63px
}

.fui_tree a.level2 {
	padding-left: 42px
}

.fui_tree a.level1 {
	padding-left: 21px
}

.fui_tree li {
	line-height: 14px;
	text-align: left;
	white-space: nowrap;
	outline: 0
}

.fui_tree li a {
	padding: 0 7px;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 26px;
	line-height: 26px
}

.fui_tree li a:hover {
	color: #FAFAFA;
	background-color: #55aeed
}

.fui_tree li a.curSelectedNode {
	color: #FAFAFA;
	background-color: #178cdf
}

.fui_tree li a.curSelectedNode .nav, .fui_tree li a:hover .nav {
	color: #FAFAFA
}

.fui_tree li a.curSelectedNode_Edit {
	padding-top: 0;
	background-color: #FFE6B0;
	color: #333;
	height: 16px;
	border: 1px #FFB951 solid;
	opacity: .8;
	filter: alpha(opacity = 80)
}

.fui_tree li a.tmpTargetNode_inner {
	padding-top: 0;
	background-color: #316AC5;
	color: #fff;
	height: 16px;
	border: 1px #316AC5 solid;
	opacity: .8;
	filter: alpha(opacity = 80)
}

.fui_tree li .switch.button, .fui_tree li .x-tree-check.button {
	margin: 0 2px
}

.fui_tree li .x-iconfont.button {
	cursor: pointer;
	color: #178cdf
}

.fui_tree li .x-iconfont.button.bottom_open:before, .fui_tree li .x-iconfont.button.center_open:before, .fui_tree li .x-iconfont.button.noline_open:before,
	.fui_tree li .x-iconfont.button.root_open:before, .fui_tree li .x-iconfont.button.roots_open:before {
	content: '\e62c'
}

.fui_tree li .x-iconfont.button.bottom_close:before, .fui_tree li .x-iconfont.button.center_close:before, .fui_tree li .x-iconfont.button.noline_close:before,
	.fui_tree li .x-iconfont.button.root_close:before, .fui_tree li .x-iconfont.button.roots_close:before {
	content: '\e66b'
}

.fui_tree li .x-iconfont.button.bottom_docu:before, .fui_tree li .x-iconfont.button.center_docu:before, .fui_tree li .x-iconfont.button.noline_docu:before,
	.fui_tree li .x-iconfont.button.root_docu:before, .fui_tree li .x-iconfont.button.roots_docu:before {
	content: ' ';
	display: inline-block;
	width: 14px
}

.fui_segment {
	color: #333;
	overflow: hidden;
	line-height: 1.4
}

.fui_segment .fui_segment_item {
	position: relative;
	float: left;
	left: 0;
	display: inline-block;
	padding: 7px 12px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #CCC;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 0 0 -1px;
	background-color: #fff;
	z-index: 0
}

.fui_segment .fui_segment_item:hover {
	background-color: #e6e6e6
}

.fui_segment .fui_segment_item.selected {
	border-color: #178cdf;
	background-color: #178cdf;
	color: #fff;
	z-index: 1
}

.fui_segment .fui_segment_item-first {
	margin: 0;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.fui_segment .fui_segment_item-last {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.fui_separator .sep-line {
	border-top: solid 1px #CCC;
	height: 0
}

.fui-form .fl-description a, .fui_separator a, .x-html a, .x-richtext a {
	color: #178cdf
}

.fui-form .fl-description p, .fui_separator p, .x-html p, .x-richtext p {
	margin: 0
}

.fui-form .fl-description .note-list, .fui_separator .note-list, .x-html .note-list, .x-richtext .note-list {
	padding-left: 1.5em
}

.fui-form .fl-description ul.note-list>li, .fui_separator ul.note-list>li, .x-html ul.note-list>li, .x-richtext ul.note-list>li
	{
	list-style-type: circle
}

.fui-form .fl-description ol.note-list>li, .fui_separator ol.note-list>li, .x-html ol.note-list>li, .x-richtext ol.note-list>li
	{
	list-style-type: decimal
}

.x-html {
	word-break: break-all;
	word-wrap: break-word
}

.fui_file_preview {
	color: #e6e6e6
}

.fui_file_preview .file-item>img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	margin: auto;
	max-height: 100%;
	max-width: 100%
}

.fui_file_preview .file-item>.file-detail-wrapper {
	background-color: #FAFAFA;
	color: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	padding: 10px;
	min-width: 300px;
	max-width: 40%;
	margin: 50px auto 0 auto
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico {
	position: relative;
	color: #777;
	font-size: 180px;
	margin-bottom: 20px
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico .file-type {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 30px;
	font-size: 24px;
	font-weight: 700;
	padding: 4px 10px;
	color: #fafafa;
	background-color: #178cdf
}

.fui_file_preview>.file-nav {
	color: #e6e6e6;
	font-size: 24px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	background-color: rgba(255, 255, 255, .3)
}

.fui_file_preview>.file-nav:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .4)
}

.fui_file_preview>.file-nav.close {
	position: absolute;
	top: 3px;
	right: 15px
}

.fui_file_preview>.file-nav.next {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -25px
}

.fui_file_preview>.file-nav.prev {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -25px
}

.fui_file_preview>.file-nav.download {
	position: absolute;
	top: 3px;
	right: 70px
}

.fui_file_preview>.file-counter {
	position: absolute;
	top: 3px;
	left: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px;
	background-color: rgba(255, 255, 255, .3)
}

.fui-form-data {
	color: #333;
	background: #fff;
	margin: 0 auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.fui-form-data .preview-edit-pane {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	position: relative;
	background-color: #FAFAFA;
	display: block
}

.fui-form-data .preview-edit-pane .edit-pane {
	position: absolute;
	top: 0;
	right: 0
}

.fui-form-data .preview-edit-pane .edit-pane>a {
	float: right;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 60px;
	margin: 0 10px
}

.fui-form-data .preview-edit-pane .edit-pane>a span {
	padding: 0 5px
}

.fui-form-data .preview-edit-pane .edit-pane>a .icon-trasho {
	color: #d84636
}

.fui-form-data .preview-edit-pane .edit-pane>a .icon-trasho:hover {
	color: #b73224
}

.fui-form-data .preview-edit-pane .edit-pane>a .icon-edit {
	color: #178cdf
}

.fui-form-data .preview-edit-pane .edit-pane>a .icon-edit:hover {
	color: #126fb1
}

.fui-form-data .preview-exit-icon {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	float: right;
	right: 0;
	margin: 3px -55px 0 0;
	color: #fff;
	width: 50px;
	height: 50px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	background-color: rgba(255, 255, 255, .1)
}

.fui-form-data .preview-exit-icon:hover {
	color: #e6e6e6;
	background-color: rgba(255, 255, 255, .2)
}

.fui-form-data .widget-wrapper {
	overflow: auto
}

.fui-form-data .widget-wrapper>ul {
	margin: 10px 10px
}

.fui-form-data .widget-data-view {
	word-break: break-all;
	word-wrap: break-word;
	position: relative;
	margin: 5px 20px;
	border-bottom: solid 1px #eee
}

.fui-form-data .widget-data-view .widget-label {
	font-size: 12px;
	line-height: 25px;
	color: #989898
}

.fui-form-data .widget-data-view .widget-data {
	line-height: 20px;
	overflow: auto;
	padding: 2px 0 8px 0;
	min-height: 30px;
	max-width: 100%
}

.fui-form-data .widget-data-view .widget-data pre {
	margin: 0
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-data {
	border-bottom: none
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-item {
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
	width: 146px
}

@media ( max-width :768px) {
	.fui-form-data .preview-edit-pane {
		height: 50px;
		line-height: 50px;
		background: #178cdf
	}
	.fui-form-data .preview-edit-pane .preview-back-icon {
		position: absolute;
		top: 0;
		left: 10px;
		line-height: 50px;
		color: #fff;
		font-size: 30px
	}
	.fui-form-data .preview-edit-pane .edit-pane>a {
		font-size: 20px;
		color: #fff
	}
	.fui-form-data .preview-edit-pane .edit-pane>a span {
		display: none
	}
	.fui-form-data .preview-edit-pane .edit-pane>a .icon-edit, .fui-form-data .preview-edit-pane .edit-pane>a .icon-trasho {
		color: #fff
	}
	.fui-form-data .preview-edit-pane .edit-pane>a .icon-edit:hover, .fui-form-data .preview-edit-pane .edit-pane>a .icon-trasho:hover
		{
		color: #fff
	}
	.fui-form-data .widget-data-view {
		width: 100%;
		margin: 0;
		border-bottom: none
	}
	.fui-form-data .widget-data-view .widget-label {
		padding: 5px 0;
		font-size: 16px
	}
	.fui-form-data .widget-data-view .widget-data {
		padding: 6px;
		background: #fff
	}
	.fui-form-data .widget-data-view .widget-data.widget-subform {
		padding: 0 5px;
		background: 0 0
	}
	.fui-form-data .widget-data-view .widget-data.widget-subform .widget-subform-list {
		margin-bottom: 10px;
		padding: 5px;
		background: #eff4f7
	}
}

.fui-input-group {
	color: #555
}

.fui-input-group .fui-input-addon {
	position: relative;
	display: inline-block;
	margin-left: -1px;
	vertical-align: middle
}

.fui-input-group .fui-input-addon:first-child {
	margin-left: 0;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.fui-input-group .fui-input-addon:last-child input {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.fui-input-group .fui-input-label {
	padding: 0 6px;
	background-color: #eee;
	border: 1px solid #CCC;
	height: 100%
}

.fui_user, .fui_user_group {
	max-width: 100%
}

.fui_user .nonsupport-msg, .fui_user_group .nonsupport-msg {
	color: #d9534f
}

.fui_user .load-more, .fui_user_group .load-more {
	line-height: 40px;
	color: #989898;
	text-align: center;
	cursor: pointer
}

.fui_user .select-list, .fui_user_group .select-list {
	background: #fff;
	height: 40px;
	border: dashed 1px #CCC;
	margin-bottom: 10px;
	overflow: auto
}

.fui_user .select-list .select-empty, .fui_user_group .select-list .select-empty {
	cursor: pointer;
	line-height: 38px;
	text-align: center;
	color: #989898
}

.fui_user .select-list .select-item, .fui_user_group .select-list .select-item {
	line-height: 30px;
	display: inline-block;
	margin: 4px 0 0 4px;
	padding: 0 10px;
	border-radius: 1px;
	background: #eee
}

.fui_user .select-list .select-item .remove-btn, .fui_user_group .select-list .select-item .remove-btn {
	cursor: pointer;
	margin-left: 10px;
	padding: 3px;
	color: #999
}

.fui_user .select-list .select-item .remove-btn:hover, .fui_user_group .select-list .select-item .remove-btn:hover {
	background: #fff;
	color: #d84636
}

.fui_user .select-list .select-item .select-icon, .fui_user_group .select-list .select-item .select-icon {
	font-size: 16px;
	padding-right: 5px
}

.fui_user .select-list .select-item .select-icon.icon-department, .fui_user_group .select-list .select-item .select-icon.icon-department
	{
	color: #f0ad4e
}

.fui_user .select-list .select-item .select-icon.icon-member-normal, .fui_user_group .select-list .select-item .select-icon.icon-member-normal
	{
	color: #178cdf
}

.fui_user .select-menu, .fui_user_group .select-menu {
	position: relative;
	height: 40px;
	padding: 0 10px;
	border: solid 1px #CCC
}

.fui_user .select-menu .select-btn, .fui_user_group .select-menu .select-btn {
	text-align: center;
	display: inline-block;
	cursor: pointer;
	line-height: 38px;
	width: 100px;
	height: 38px
}

.fui_user .select-menu .select-btn.select, .fui_user_group .select-menu .select-btn.select {
	color: #178cdf;
	border-bottom: solid 4px #178cdf
}

.fui_user .select-menu .select-btn:hover, .fui_user_group .select-menu .select-btn:hover {
	color: #178cdf
}

.fui_user .select-menu .icon-search, .fui_user_group .select-menu .icon-search {
	line-height: 38px;
	color: #989898;
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 10px
}

.fui_user .select-menu .search-input, .fui_user_group .select-menu .search-input {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 0
}

.fui_user .select-menu .search-input input, .fui_user_group .select-menu .search-input input {
	height: 38px;
	padding: 0 30px 0 10px;
	border-radius: 0;
	-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	border: solid 1px #66afe9
}

.fui_user .select-pane, .fui_user_group .select-pane {
	position: relative;
	height: 350px;
	border: solid 1px #CCC;
	border-top: none
}

.fui_user .select-pane .member-menu, .fui_user_group .select-pane .member-menu {
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%
}

.fui_user .select-pane .select-member, .fui_user_group .select-pane .select-member {
	border-left: solid 1px #CCC;
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%
}

.fui_user .select-pane .select-dynamic li, .fui_user .select-pane .select-member li, .fui_user_group .select-pane .select-dynamic li,
	.fui_user_group .select-pane .select-member li {
	cursor: pointer;
	padding: 0 30px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	line-height: 30px
}

.fui_user .select-pane .select-dynamic li.current-select, .fui_user .select-pane .select-dynamic li:hover, .fui_user .select-pane .select-member li.current-select,
	.fui_user .select-pane .select-member li:hover, .fui_user_group .select-pane .select-dynamic li.current-select,
	.fui_user_group .select-pane .select-dynamic li:hover, .fui_user_group .select-pane .select-member li.current-select,
	.fui_user_group .select-pane .select-member li:hover {
	background: #eee
}

.fui_user .select-pane .select-dynamic .select-btn, .fui_user .select-pane .select-member .select-btn, .fui_user_group .select-pane .select-dynamic .select-btn,
	.fui_user_group .select-pane .select-member .select-btn {
	position: absolute;
	top: 0;
	right: 5px
}

.fui_user .select-pane .select-search, .fui_user_group .select-pane .select-search {
	padding: 10px;
	line-height: 30px;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fui_user .select-pane .select-search .search-title, .fui_user_group .select-pane .select-search .search-title {
	font-size: 12px;
	color: #989898;
	border-bottom: solid 1px #CCC
}

.fui_user .select-pane .select-search .search-list li, .fui_user_group .select-pane .select-search .search-list li {
	cursor: pointer
}

.fui_user .select-pane .select-search .search-list li:hover, .fui_user_group .select-pane .select-search .search-list li:hover
	{
	background: #eee
}

.fui_user .select-pane .select-search .search-empty, .fui_user_group .select-pane .select-search .search-empty {
	color: #989898
}

.fui_user .select-pane.select-top, .fui_user_group .select-pane.select-top {
	top: 40px
}

.fui_user .select-set-pane, .fui_user_group .select-set-pane {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FAFAFA
}

.fui_user .select-set-pane .set-list, .fui_user_group .select-set-pane .set-list {
	overflow: auto;
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	bottom: 48px;
	-webkit-overflow-scrolling: touch
}

.fui_user .select-set-pane .select-search, .fui_user_group .select-set-pane .select-search {
	margin: 5px;
	position: relative
}

.fui_user .select-set-pane .select-search .search-input, .fui_user_group .select-set-pane .select-search .search-input {
	height: 30px
}

.fui_user .select-set-pane .select-search .search-btn, .fui_user_group .select-set-pane .select-search .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	bottom: 0
}

.fui_user .select-set-pane .select-empty, .fui_user_group .select-set-pane .select-empty {
	line-height: 50px;
	text-align: center;
	color: #989898
}

.fui_user .select-set-pane .select-path, .fui_user_group .select-set-pane .select-path {
	padding: 10px;
	border-bottom: solid 1px #CCC
}

.fui_user .select-set-pane .select-path li, .fui_user_group .select-set-pane .select-path li {
	display: inline-block
}

.fui_user .select-set-pane .select-path li.path-item, .fui_user_group .select-set-pane .select-path li.path-item {
	color: #178cdf
}

.fui_user .select-set-pane .select-depart .depart-back, .fui_user_group .select-set-pane .select-depart .depart-back {
	position: absolute;
	top: 0;
	left: 20px;
	line-height: 40px;
	color: #fff
}

.fui_user .select-set-pane .select-depart .depart-item, .fui_user_group .select-set-pane .select-depart .depart-item {
	padding: 0 5px;
	position: relative;
	line-height: 40px;
	border-bottom: solid 1px #CCC
}

.fui_user .select-set-pane .select-depart .depart-item .icon-department, .fui_user_group .select-set-pane .select-depart .depart-item .icon-department
	{
	color: #f0ad4e;
	padding: 0 5px
}

.fui_user .select-set-pane .select-depart .icon-angleright, .fui_user_group .select-set-pane .select-depart .icon-angleright
	{
	position: absolute;
	top: 0;
	right: 5px
}

.fui_user .select-set-pane .select-user .user-item, .fui_user_group .select-set-pane .select-user .user-item {
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	line-height: 40px;
	border-bottom: solid 1px #CCC
}

.fui_user .select-set-pane .select-user .user-item .icon-member-normal, .fui_user_group .select-set-pane .select-user .user-item .icon-member-normal
	{
	padding: 0 5px;
	color: #178cdf
}

.fui_user .select-set-pane .select-user .user-item.current-user .icon-member-normal, .fui_user_group .select-set-pane .select-user .user-item.current-user .icon-member-normal
	{
	color: #f96d64
}

.fui_user .select-set-pane .select-user .select-btn, .fui_user_group .select-set-pane .select-user .select-btn {
	position: absolute;
	top: 0;
	right: 5px
}

.fui_user .select-set-pane .set-btn-pane, .fui_user_group .select-set-pane .set-btn-pane {
	background: #FAFAFA;
	border-top: solid 1px #CCC;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	padding: 5px 0;
	text-align: center
}

.fui_user .select-set-pane .set-btn-pane .set-btn, .fui_user_group .select-set-pane .set-btn-pane .set-btn {
	margin: 0 10px;
	display: inline-block
}

.fui_user_group .select-list {
	height: 80px
}

.fui_user_group .select-list .select-empty {
	line-height: 78px
}

.fui_user_group .select-set-pane .set-list {
	top: 130px
}

.fx_config_pane .cfg_title {
	position: relative;
	padding: 0 0 6px 10px;
	font-weight: 700
}

.fx_config_pane .cfg_title .edit-group {
	font-weight: 400;
	position: absolute;
	top: 0;
	right: 15px
}

.fx_config_pane .cfg_title .edit-group i {
	font-size: 18px;
	cursor: pointer;
	color: #178cdf;
	margin-right: 4px
}

.fx_config_pane .cfg_widget_type {
	position: absolute;
	top: 0;
	left: 140px;
	font-weight: 400;
	z-index: 1;
	width: 100px;
	text-align: right;
	cursor: pointer
}

.fx_config_pane .cfg_widget_type .widget_type_pane .icon-angledown {
	padding-left: 5px
}

.fx_config_pane .cfg_widget_type .widget_type_list {
	box-shadow: 0 2px 3px rgba(51, 51, 51, .2);
	overflow: hidden;
	display: none;
	background: #fff
}

.fx_config_pane .cfg_widget_type .widget_type_list.list_show {
	display: block
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item {
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	position: relative;
	padding: 0 10px
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item.item_disable {
	color: #999
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item:hover {
	background-color: #eee
}

.fx_config_pane .cfg_tooltip {
	font-weight: 400;
	color: #178cdf;
	margin-left: 5px
}

.fx_config_pane .cfg_split {
	border-top: solid 1px #e1e1e1;
	height: 0;
	margin: 10px 10px
}

.fx_config_pane .cfg_content {
	position: relative;
	margin: 4px 10px
}

.fx_config_pane .cfg_content .cfg_title {
	padding: 0 16px 6px 0
}

.fx_config_pane .cfg_content .cfg_split {
	margin: 10px 0
}

.fx_config_pane .cfg_content .group_item {
	line-height: 30px
}

.fx_widgetlist_pane {
	border: solid 1px #CCC
}

.fx_widgetlist_pane .head {
	border-bottom: solid 1px #CCC;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background: #FAFAFA
}

.fx_widgetlist_pane .head .opt {
	position: relative;
	float: right;
	right: 0;
	margin-left: 5px
}

.fx_widgetlist_pane .head .icon-help {
	cursor: pointer;
	position: relative;
	float: right;
	right: 0;
	color: #178cdf
}

.fx_widgetlist_pane ul>li {
	position: relative;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 145px 0 5px
}

.fx_widgetlist_pane ul>li a {
	cursor: pointer;
	display: block
}

.fx_widgetlist_pane ul>li a.view {
	position: absolute;
	top: 0;
	right: 88px
}

.fx_widgetlist_pane ul>li a.edit {
	position: absolute;
	top: 0;
	right: 126px
}

.fx_widgetlist_pane ul>li a.brief {
	position: absolute;
	top: 0;
	right: 40px
}

i.icon-field-remove:before {
	content: '\e624'
}

i.icon-field-form:before {
	content: '\e695'
}

.fx_filter_pane .field-add-btn {
	color: #178cdf
}

.fx_filter_pane .field-add-btn:hover {
	color: #126fb1
}

.fx_filter_pane .fx_filter_cell {
	position: relative
}

.fx_filter_pane .fx_filter_cell i.icon-condition-remove {
	color: #d84636;
	position: absolute;
	top: 0;
	right: 2px;
	cursor: pointer;
	font-size: 18px
}

.fx_filter_pane .fx_filter_cell i.icon-condition-remove:before {
	content: '\e624'
}

.fx_filter_pane .fx_filter_cell i.icon-condition-remove:hover {
	color: #b73224
}

.fx_filter_pane .fx_filter_cell .field-title {
	font-weight: 700
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-province {
	float: none;
	margin: 0 10px 5px 0
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-city, .fx_filter_pane .fx_filter_cell .fui_address .sel-district {
	position: relative;
	float: left;
	left: 0;
	margin: 0 10px 0 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after, .fx_filter_pane .fx_filter_cell .fui_date_limit:before {
	content: " ";
	display: table;
	line-height: 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after {
	clear: both
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item {
	margin-bottom: 5px
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item.item-title {
	width: 70px;
	height: 30px;
	line-height: 30px
}

.block-remove {
	position: relative;
	float: right;
	right: 5px;
	cursor: pointer
}

.fx_field_select_pane {
	overflow: auto;
	background: #FAFAFA;
	font-weight: 400
}

.fx_field_select_pane.pop-menu {
	width: 230px;
	max-height: 300px;
	padding: 5px 0;
	-webkit-transition: all;
	-moz-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-moz-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-o-transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	transition-timing-function: cubic-bezier(.34, 1.21, .4, 1);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0;
	filter: alpha(opacity = 0)
}

.fx_field_select_pane.pop-left {
	left: 0
}

.fx_field_select_pane.pop-right {
	right: 15px
}

.fx_field_select_pane.dialog-menu {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
	box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.fx_field_select_pane.active {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	filter: alpha(opacity = 100)
}

.fx_field_select_pane .menu-list li.disabled>.menu-item {
	opacity: .5;
	filter: alpha(opacity = 50)
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover {
	cursor: default;
	color: #333;
	background-color: #FAFAFA
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover i {
	color: #178cdf
}

.fx_field_select_pane .menu-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	padding: 0 6px;
	display: block;
	height: 26px;
	line-height: 26px;
	cursor: pointer
}

.fx_field_select_pane .menu-item:hover {
	color: #fff;
	background-color: #55aeed
}

.fx_field_select_pane .menu-item i {
	color: #178cdf
}

.fx_field_select_pane .menu-item span {
	margin-left: 8px
}

.fx_field_select_pane .field-list {
	padding-left: 20px
}

.fx_formula_pane a {
	position: relative
}

.fx_formula_pane>.formula-title>.formula-name {
	position: relative
}

.fx_formula_pane>.formula-editor {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
	box-shadow: inset 0 1px 1px rgba(204, 204, 204, .075);
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 10px;
	padding: 10px 10px 54px 10px;
	background-color: #fff;
	overflow-y: auto;
	font-size: 16px;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	line-height: 1.5em;
	letter-spacing: .015em;
	word-wrap: break-word;
	cursor: text
}

.fx_formula_pane>.formula-editor.focus {
	border-color: #66afe9;
	-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	box-shadow: 0 0 6px rgba(102, 175, 233, .6)
}

.fx_formula_pane>.formula-editor.error {
	border-color: #d9534f;
	-webkit-box-shadow: 0 0 6px rgba(217, 83, 79, .6);
	box-shadow: 0 0 6px rgba(217, 83, 79, .6)
}

.fx_formula_pane>.formula-editor span.fi.field {
	display: inline-block;
	padding: 0 5px;
	margin: 1px 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #178cdf;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei UI", "Microsoft YaHei", STXihei, SimSun,
		sans-serif;
	font-size: 14px
}

.fx_formula_pane>.formula-editor .cursor {
	display: inline-block;
	width: 0;
	border-left: 1px solid #333;
	line-height: 16px
}

.fx_formula_pane input.fake-input {
	position: absolute;
	top: 0;
	left: -2000px;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.fx_formula_field_tab {
	height: 100%
}

.fx_formula_field_tab>.head {
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border: solid 1px #CCC;
	border-bottom: none;
	overflow: hidden;
	height: 30px;
	line-height: 30px
}

.fx_formula_field_tab>.head>.tab {
	cursor: pointer;
	width: 50%;
	height: 30px;
	position: relative;
	float: left;
	left: 0;
	text-align: center
}

.fx_formula_field_tab>.head>.tab.active {
	color: #178cdf
}

.fx_formula_field_tab>.fx_field_select_pane.dialog-menu {
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px
}

.fx_formula_editor_tip {
	font-size: 12px;
	color: #777;
	text-align: right
}

.fx_formula_editor_tip>a {
	color: #178cdf
}

.fx_formula_editor_tip>a:hover {
	text-decoration: underline
}

.formula-head {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	background: #f3f8fb;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei UI", "Microsoft YaHei", STXihei, SimSun,
		sans-serif;
	z-index: 9
}

.formula-foot {
	background: #fff;
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #989898;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei UI", "Microsoft YaHei", STXihei, SimSun,
		sans-serif;
	z-index: 9
}

.formula-foot ul {
	font-size: 10px;
	padding: 5px 0 5px 15px;
	margin: 0 10px;
	border-top: solid 1px #CCC
}

.formula-foot ul li {
	line-height: 20px;
	list-style-type: disc
}

.formula-foot ul span.formula-key {
	margin: 0 3px;
	color: #708
}

.formula-foot ul span.formula-field {
	padding: 0 5px;
	margin: 0 3px;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	background-color: #178cdf
}

.x-formula-editor .CodeMirror {
	padding: 44px 5px 74px 5px
}

i.icon-field-remove:before {
	content: '\e624'
}

i.icon-field-form:before {
	content: '\e695'
}

.fx_config_pane .field-list, .fx_field_edit_pane .field-list {
	line-height: 26px
}

.fx_config_pane .field-list li.placeholder, .fx_field_edit_pane .field-list li.placeholder {
	border: dashed 1px #CCC
}

.fx_config_pane .field-list li.dragged, .fx_field_edit_pane .field-list li.dragged {
	position: absolute;
	opacity: .7;
	filter: alpha(opacity = 70);
	z-index: 2000
}

.fx_config_pane .field-list .field-item, .fx_field_edit_pane .field-list .field-item {
	position: relative
}

.fx_config_pane .field-list .field-item .field-name, .fx_field_edit_pane .field-list .field-item .field-name {
	display: inline-block;
	width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: move
}

.fx_config_pane .field-list .field-item>.field-label.selected>.edit-group, .fx_config_pane .field-list .field-item>.field-label:hover>.edit-group,
	.fx_field_edit_pane .field-list .field-item>.field-label.selected>.edit-group, .fx_field_edit_pane .field-list .field-item>.field-label:hover>.edit-group
	{
	display: block
}

.fx_config_pane .field-list ul.subform-fields, .fx_field_edit_pane .field-list ul.subform-fields {
	padding-left: 20px
}

.fx_config_pane .field-list .edit-group, .fx_field_edit_pane .field-list .edit-group {
	position: absolute;
	top: 0;
	right: 0;
	display: none
}

.fx_config_pane .field-list .edit-group i, .fx_field_edit_pane .field-list .edit-group i {
	font-size: 18px;
	margin-right: 4px;
	cursor: pointer
}

.fx_config_pane .field-list .edit-group i.icon-field-remove, .fx_field_edit_pane .field-list .edit-group i.icon-field-remove
	{
	color: #d84636
}

.fx_config_pane .field-list .edit-group i.icon-field-remove:hover, .fx_field_edit_pane .field-list .edit-group i.icon-field-remove:hover
	{
	color: #b73224
}

.fx_share_pane {
	height: 30px;
	line-height: 30px
}

.fx_share_pane>a {
	cursor: pointer;
	margin-right: 20px;
	color: #777;
	font-size: 24px
}

.fx_share_pane>a.share-qzone:hover {
	color: #F5BE3F
}

.fx_share_pane>a.share-weibo:hover {
	color: #F56467
}

.fx_share_pane>a.share-douban:hover {
	color: #61CD72
}

.fx_share_pane>a.share-renren:hover {
	color: #71A7DC
}

.fx_share_pane>a.share-qrcode:hover {
	color: #333
}

.fx_share_pane>a.share-mingdao:hover {
	color: #178cdf
}

.fx_check_pane .check_item {
	position: relative;
	line-height: 30px
}

.fx_check_pane .check_item .check_input {
	position: absolute;
	top: 0;
	right: 0
}

.x-department-tree {
	overflow: auto
}

.x-department-tree>ul {
	display: inline-block;
	min-width: 100%
}

.x-department-tree li>a {
	height: 30px;
	line-height: 30px
}

.x-department-tree ul>li {
	position: relative;
	white-space: nowrap
}

.x-department-tree ul>li>a {
	width: 100%
}

.x-department-tree ul>li>a.curSelectedNode, .x-department-tree ul>li>a:hover {
	color: #333;
	background-color: #eee
}

.x-department-tree ul>li>a.curSelectedNode .nav, .x-department-tree ul>li>a:hover .nav {
	color: #178cdf
}

.x-department-tree ul>li>a .x-tree-check>.nav {
	color: #333
}

.x-department-tree ul>li>a .x-tree-check.select>.nav {
	color: #178cdf
}

.x-department-tree i.ico_close, .x-department-tree i.ico_docu, .x-department-tree i.ico_open {
	margin: 0 2px
}

.x-department-tree i.ico_close:before, .x-department-tree i.ico_docu:before, .x-department-tree i.ico_open:before {
	content: '\e65d'
}

.x-department-tree .nav-department-edit {
	margin-left: 5px;
	color: #fff
}

.excel-export-grid-cell {
	line-height: 30px
}

.excel-export-grid {
	width: 100%;
	border: solid 1px #CCC;
	overflow-y: auto
}

.excel-form-item {
	width: 155px;
	height: 160px;
	text-align: center;
	cursor: pointer;
	padding: 20px;
	color: #eee;
	font-size: 80px
}

.excel-form-item:hover {
	background-color: #eee
}

.excel-form-item:hover .icon-excel-import {
	color: #5cb85c
}

.excel-form-item:hover .icon-form-blank {
	color: #178cdf
}

.excel-form-item .form-label {
	padding-top: 10px;
	font-size: 14px;
	color: #333
}

.import-progress-info {
	text-align: center;
	font-size: 16px
}

.import-progress {
	width: 450px !important;
	margin: 50px 100px 150px 100px;
	border-radius: 15px
}

.excel-import-foot {
	background-color: snow;
	border-top: solid 1px #CCC;
	width: 650px;
	height: 50px;
	padding: 7px 215px
}

.excel-import-foot .upload-preview-list {
	display: none
}

.excel-import-foot .excel-import-btn {
	width: 90px;
	margin: 0 10px;
	display: inline-block !important
}

.excel-import-foot .excel-import-btn .upload-btn {
	display: inline-block;
	width: 90px;
	height: 36px;
	line-height: 36px
}

.excel-import-foot .excel-import-btn .upload-btn .upload-icon {
	display: none
}

.excel-import-foot.import-foot-single {
	padding: 7px 270px
}

.excel-import-info {
	width: 650px;
	height: 400px
}

.excel-import-info .success {
	font-size: 80px;
	margin: 120px auto 40px auto;
	width: 80px;
	color: #5cb85c
}

.excel-import-info .info {
	width: 650px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px
}

.excel-import-table {
	position: relative;
	width: 650px;
	height: 400px;
	padding: 0 15px
}

.excel-import-table .excel-import-tool {
	line-height: 50px;
	width: 620px;
	height: 50px
}

.excel-import-table .excel-import-tool .excel-import-name {
	padding: 0 10px;
	display: inline-block
}

.excel-import-table .excel-import-grid {
	width: 620px;
	height: 340px
}

.import-tip {
	font-size: 12px;
	line-height: 20px;
	padding: 40px 0 0 40px
}

.import-tip li {
	color: #969696
}

.import-tip .tip {
	border-radius: 50%;
	background-color: #969696;
	width: 5px;
	height: 5px;
	margin: 7px 5px 0 0;
	float: left
}

.fui_excel_grid {
	overflow: auto;
	border: solid 1px #ddd
}

.fui_excel_grid table {
	table-layout: fixed
}

.fui_excel_grid table tbody tr.row-head, .fui_excel_grid table tbody>tr:hover {
	cursor: pointer;
	background: #eee
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-label, .fui_excel_grid table tbody>tr:hover td.row-idx .row-label
	{
	display: block
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-num, .fui_excel_grid table tbody>tr:hover td.row-idx .row-num {
	display: none
}

.fui_excel_grid table tr {
	line-height: 30px
}

.fui_excel_grid table tr.row-disable {
	color: #989898
}

.fui_excel_grid table tr.row-head {
	font-weight: 700
}

.fui_excel_grid table tr.last-child td {
	border-bottom: none
}

.fui_excel_grid table td {
	max-width: 175px;
	min-width: 170px;
	padding: 0 7px;
	text-align: center;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd
}

.fui_excel_grid table td span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fui_excel_grid table td .row-label {
	display: none
}

.fui_excel_grid table td .widget-cell {
	text-align: center
}

.fui_excel_grid table td.last-child {
	border-right: none
}

.fui_excel_grid table thead tr {
	height: 40px
}

.fx_step_pane {
	width: 650px;
	height: 60px;
	padding: 0 25px;
	background-color: snow;
	border-bottom: solid 1px #CCC
}

.fx_step_pane .progress-step {
	position: relative;
	text-align: center;
	display: inline-block;
	width: 150px;
	height: 60px;
	color: #CCC
}

.fx_step_pane .progress-step .step-message {
	line-height: 30px
}

.fx_step_pane .progress-step .step-point {
	display: inline-block;
	border-radius: 50%;
	background: #CCC;
	width: 14px;
	height: 14px
}

.fx_step_pane .progress-step .step-line {
	position: absolute;
	top: 36px;
	left: -68px;
	width: 146px;
	border-bottom: solid 2px #CCC
}

.fx_step_pane .progress-step .step-line.right {
	left: 80px
}

.fx_step_pane .progress-step.select {
	color: #178cdf
}

.fx_step_pane .progress-step.select .step-point {
	background: #178cdf
}

.fx_step_pane .progress-step.select .step-line {
	border-color: #178cdf
}

.fx_step_pane .progress-step.current .step-message {
	font-size: 16px
}

.fx_step_pane .progress-step.current .step-line.right {
	border-color: #CCC
}

.fui-flow {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fui-flow .flow-grid {
	margin: 10px
}

.fui-flow .flow-grid .flow-head {
	padding: 0 10px;
	border: solid 1px #CCC;
	height: 40px;
	line-height: 40px;
	background: #FAFAFA
}

.fui-flow .flow-grid .flow-table table {
	width: 100%;
	table-layout: fixed;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd
}

.fui-flow .flow-grid .flow-table table thead>tr>td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #989898;
	border-bottom: solid 1px #ddd
}

.fui-flow .flow-grid .flow-table table thead>tr>td .data-0, .fui-flow .flow-grid .flow-table table thead>tr>td.data-1 {
	width: 75%
}

.fui-flow .flow-grid .flow-table table thead>tr>td.data-2 {
	width: 37%
}

.fui-flow .flow-grid .flow-table table thead>tr>td.data-3 {
	width: 25%
}

.fui-flow .flow-grid .flow-table table tbody>tr:hover {
	cursor: pointer;
	background: #FAFAFA
}

.fui-flow .flow-grid .flow-table table tr {
	line-height: 36px
}

.fui-flow .flow-grid .flow-table table td {
	padding: 0 10px;
	border-right: solid 1px #ddd
}

.fui-flow .flow-grid .flow-table table td .cell {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fui-flow .flow-body {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 50px;
	right: 0;
	overflow: auto
}

.fui-flow .flow-footer {
	border-top: solid 1px #CCC;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	padding: 5px
}

.fui-flow .flow-footer .x-table-jump-page {
	line-height: 34px
}

.fui-flow .flow-footer .x-table-pagination {
	position: relative;
	float: right;
	right: 10px
}

.x-list-dialog .list-panel {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 200px;
	background: #eee
}

.x-list-dialog ul.item-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 36px;
	overflow: auto
}

.x-list-dialog ul.item-list>li.dialog-item {
	position: relative;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer
}

.x-list-dialog ul.item-list>li.dialog-item:hover {
	color: #fff;
	background-color: #55aeed
}

.x-list-dialog ul.item-list>li.dialog-item:hover>i.item-remove {
	display: block
}

.x-list-dialog ul.item-list>li.dialog-item.selected {
	color: #fff;
	background-color: #178cdf
}

.x-list-dialog ul.item-list span.item-text {
	margin-left: 20px
}

.x-list-dialog ul.item-list i.item-remove {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 4px;
	display: none
}

.x-list-dialog .add-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-right: 1px solid #eee
}

.x-list-dialog .add-btn:hover {
	background: #eaeaea
}

.x-list-dialog .add-btn>i.icon-add {
	margin-right: 5px;
	color: #178cdf
}

.x-list-dialog .dialog-body {
	padding-left: 200px
}

.x-image-dialog .dialog-body {
	padding: 16px
}

.x-image-dialog .dialog-body .type-select {
	position: relative;
	float: left;
	left: 0;
	border-right: 1px solid #CCC;
	width: 150px;
	height: 180px;
	font-size: 16px;
	color: #757575
}

.x-image-dialog .dialog-body .type-select>.type-item {
	margin: 10px 0;
	padding: 0 8px;
	line-height: 40px;
	cursor: pointer
}

.x-image-dialog .dialog-body .type-select>.type-item>.type-label {
	margin-left: 8px
}

.x-image-dialog .dialog-body .type-select>.type-item.selected {
	color: #fff;
	background-color: #5bc0de;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.x-image-dialog .dialog-body .widget-container {
	position: relative;
	float: left;
	left: 0;
	margin-left: 16px
}

.x-image-dialog .dialog-body .widget-container .widget-title {
	font-size: 18px
}

.x-image-dialog .dialog-body .widget-container .widget-subtitle {
	margin-left: 10px;
	font-size: 14px;
	color: #757575
}

.x-image-dialog .dialog-body .widget-container .widget-text {
	color: #757575
}

.fx_member_invite {
	border-bottom: solid 1px #CCC
}

.fx_member_invite .invite-label {
	font-size: 12px;
	color: #989898;
	display: inline-block;
	width: 185px
}

.fx_member_invite .invite-list {
	max-height: 290px;
	overflow: auto
}

.fx_member_invite .invite-list li {
	margin: 5px 0;
	line-height: 30px
}

.fx_member_invite .invite-list .invite-item {
	margin-right: 5px;
	display: inline-block
}

.fx_member_invite .remove-btn {
	font-size: 16px;
	cursor: pointer;
	color: #f96d64
}

.fx_member_invite .add-btn {
	line-height: 30px;
	cursor: pointer
}

.fx_member_invite .add-btn .icon-user {
	color: #52ce87
}

.fx_member_select .select-list {
	height: 80px;
	border: solid 1px #CCC;
	margin-bottom: 10px;
	overflow: auto
}

.fx_member_select .select-list .select-empty {
	cursor: pointer;
	line-height: 78px;
	text-align: center;
	color: #989898
}

.fx_member_select .select-list .select-item {
	display: inline-block;
	line-height: 30px;
	margin: 5px 0 0 5px;
	padding: 0 10px;
	border-radius: 1px;
	background: #eee
}

.fx_member_select .select-list .select-item .remove-btn {
	cursor: pointer;
	margin-left: 10px;
	padding: 3px;
	color: #999
}

.fx_member_select .select-list .select-item .remove-btn:hover {
	background: #fff;
	color: #d84636
}

.fx_member_select .select-list .select-item .select-icon {
	font-size: 16px;
	padding-right: 5px
}

.fx_member_select .select-list .select-item .select-icon.icon-department {
	color: #f0ad4e
}

.fx_member_select .select-list .select-item .select-icon.icon-member-normal {
	color: #178cdf
}

.fx_member_select .select-menu {
	position: relative;
	height: 40px;
	padding: 0 10px;
	border: solid 1px #CCC
}

.fx_member_select .select-menu .select-btn {
	text-align: center;
	display: inline-block;
	cursor: pointer;
	line-height: 38px;
	width: 100px;
	height: 38px
}

.fx_member_select .select-menu .select-btn.select {
	color: #178cdf;
	border-bottom: solid 4px #178cdf
}

.fx_member_select .select-menu .select-btn:hover {
	color: #178cdf
}

.fx_member_select .select-menu .icon-search {
	line-height: 38px;
	color: #989898;
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 10px
}

.fx_member_select .select-menu .search-input {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 0
}

.fx_member_select .select-menu .search-input input {
	height: 38px;
	padding: 0 30px 0 10px;
	border-radius: 0;
	-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	box-shadow: 0 0 6px rgba(102, 175, 233, .6);
	border: solid 1px #66afe9
}

.fx_member_select .select-pane {
	border: solid 1px #CCC;
	border-top: none;
	position: absolute;
	top: 130px;
	left: 0;
	bottom: 0;
	right: 0
}

.fx_member_select .select-pane .select-department {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fx_member_select .select-pane .select-department.half {
	right: 50%
}

.fx_member_select .select-pane .x-tree-check {
	position: absolute;
	top: 0;
	right: 5px
}

.fx_member_select .select-pane .select-member {
	border-left: solid 1px #CCC;
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%
}

.fx_member_select .select-pane .select-dynamic li, .fx_member_select .select-pane .select-member li {
	cursor: pointer;
	padding: 0 30px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	line-height: 30px
}

.fx_member_select .select-pane .select-dynamic li.current-select, .fx_member_select .select-pane .select-dynamic li:hover,
	.fx_member_select .select-pane .select-member li.current-select, .fx_member_select .select-pane .select-member li:hover
	{
	background: #eee
}

.fx_member_select .select-pane .select-dynamic .select-check, .fx_member_select .select-pane .select-member .select-check
	{
	position: absolute;
	top: 0;
	right: 5px
}

.fx_member_select .select-pane .select-search {
	padding: 10px;
	line-height: 30px;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fx_member_select .select-pane .select-search .search-title {
	font-size: 12px;
	color: #989898;
	border-bottom: solid 1px #CCC
}

.fx_member_select .select-pane .select-search .search-list li {
	cursor: pointer
}

.fx_member_select .select-pane .select-search .search-list li:hover {
	background: #eee
}

.fx_member_select .select-pane .select-search .search-empty {
	color: #989898
}

.fx_member_select .select-pane.select-top {
	top: 40px
}

.x-richtext .note-editor .note-codable {
	display: none
}

.x-richtext .note-editor .btn-group {
	display: inline-block
}

.x-richtext .note-editor .btn-group .btn {
	cursor: pointer;
	width: 22px;
	height: 22px;
	margin: 0 2px;
	padding: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: 0 0;
	border: solid 1px transparent;
	color: #666
}

.x-richtext .note-editor .btn-group .btn:hover {
	border-color: #CCC
}

.x-richtext .note-editor .btn-group .btn.active {
	border-color: #CCC;
	background: #d8d8d8
}

.x-richtext .note-editor .note-toolbar {
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	line-height: 30px;
	border: solid 1px #CCC;
	border-bottom-width: 0;
	background: #FAFAFA
}

.x-richtext .note-editor .note-toolbar ul.color-palette, .x-richtext .note-editor .note-toolbar ul.font-size-list {
	padding: 2px 0;
	display: none
}

.x-richtext .note-editor .note-toolbar li.color-item {
	width: 40px;
	height: 20px;
	margin: 0 2px;
	position: relative
}

.x-richtext .note-editor .note-toolbar li.color-item>.color-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 12px;
	margin: 3px;
	border: 0;
	cursor: pointer
}

.x-richtext .note-editor .note-editable {
	outline: 0;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	border: solid 1px #CCC;
	overflow: auto;
	min-height: 110px;
	padding: 5px 5px 20px 5px;
	background: #fff
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%
}

.carousel-inner>.item {
	display: none;
	position: relative;
	-webkit-transition: .6s ease-in-out left;
	-moz-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 80%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 24px;
	opacity: .75;
	filter: alpha(opacity = 75);
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-shadow: #000
}

.carousel-control.right {
	left: auto;
	right: 0
}

.carousel-control:focus, .carousel-control:hover {
	outline: 0;
	color: #fff;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity = 90)
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px 5px;
	text-indent: -999px;
	background-color: #333;
	border-radius: 10px;
	cursor: pointer
}

.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #fff
}

.CodeMirror {
	font-family: monospace;
	border: solid 1px #CCC;
	cursor: text;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	color: #000
}

.CodeMirror-lines {
	padding: 4px 0
}

.CodeMirror pre {
	padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
	background-color: #fff
}

.CodeMirror-gutters {
	border-right: 1px solid #ddd;
	background-color: #f7f7f7;
	white-space: nowrap
}

.CodeMirror-linenumber {
	padding: 0 3px 0 5px;
	min-width: 20px;
	text-align: right;
	color: #999;
	white-space: nowrap
}

.CodeMirror-guttermarker {
	color: #000
}

.CodeMirror-guttermarker-subtle {
	color: #999
}

.CodeMirror div.CodeMirror-cursor {
	border-left: 1px solid #000
}

.CodeMirror div.CodeMirror-secondarycursor {
	border-left: 1px solid silver
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
	width: auto;
	border: 0;
	background: #7e7
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
	z-index: 1
}

.cm-animate-fat-cursor {
	width: auto;
	border: 0;
	-webkit-animation: blink 1.06s steps(1) infinite;
	-moz-animation: blink 1.06s steps(1) infinite;
	animation: blink 1.06s steps(1) infinite
}

@
-moz-keyframes blink { 0%{
	background: #7e7
}

50%{
background
:
0
 
0
}
100%{
background
:
#7e7
}
}
@
-webkit-keyframes blink { 0%{
	background: #7e7
}

50%{
background
:
0
 
0
}
100%{
background
:
#7e7
}
}
@
keyframes blink { 0%{
	background: #7e7
}

50%{
background
:
0
 
0
}
100%{
background
:
#7e7
}
}
.cm-tab {
	display: inline-block;
	text-decoration: inherit
}

.CodeMirror-ruler {
	border-left: 1px solid #ccc;
	position: absolute
}

.cm-s-default .cm-header {
	color: #00f
}

.cm-s-default .cm-quote {
	color: #090
}

.cm-negative {
	color: #d44
}

.cm-positive {
	color: #292
}

.cm-header, .cm-strong {
	font-weight: 700
}

.cm-em {
	font-style: italic
}

.cm-link {
	text-decoration: underline
}

.cm-strikethrough {
	text-decoration: line-through
}

.cm-s-default .cm-keyword {
	color: #708
}

.cm-s-default .cm-atom {
	color: #219
}

.cm-s-default .cm-number {
	color: #164
}

.cm-s-default .cm-def {
	color: #00f
}

.cm-s-default .cm-variable-2 {
	color: #05a
}

.cm-s-default .cm-variable-3 {
	color: #085
}

.cm-s-default .cm-comment {
	color: #a50
}

.cm-s-default .cm-string {
	color: #a11
}

.cm-s-default .cm-string-2 {
	color: #f50
}

.cm-s-default .cm-meta {
	color: #555
}

.cm-s-default .cm-qualifier {
	color: #555
}

.cm-s-default .cm-builtin {
	color: #30a
}

.cm-s-default .cm-bracket {
	color: #997
}

.cm-s-default .cm-tag {
	color: #170
}

.cm-s-default .cm-attribute {
	color: #00c
}

.cm-s-default .cm-hr {
	color: #999
}

.cm-s-default .cm-link {
	color: #00c
}

.cm-s-default .cm-field.cm-field-name {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	margin: 1px 3px;
	background: #5cb85c
}

.cm-s-default .cm-field.cm-field-value {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	margin: 1px 3px;
	background: #178cdf
}

.cm-s-default .cm-error {
	color: red
}

.cm-invalidchar {
	color: red
}

.CodeMirror-composing {
	border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
	color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
	color: #f22
}

.CodeMirror-matchingtag {
	background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
	background: #e8f2ff
}

.CodeMirror {
	position: relative;
	overflow: hidden;
	background: #fff
}

.CodeMirror-scroll {
	overflow: scroll !important;
	margin-bottom: -30px;
	margin-right: -30px;
	padding-bottom: 30px;
	height: 100%;
	outline: 0;
	position: relative
}

.CodeMirror-sizer {
	position: relative;
	border-right: 30px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
	position: absolute;
	z-index: 6;
	display: none
}

.CodeMirror-vscrollbar {
	right: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: scroll
}

.CodeMirror-hscrollbar {
	bottom: 0;
	left: 0;
	overflow-y: hidden;
	overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
	right: 0;
	bottom: 0
}

.CodeMirror-gutter-filler {
	left: 0;
	bottom: 0
}

.CodeMirror-gutters {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}

.CodeMirror-gutter {
	white-space: normal;
	height: 100%;
	display: inline-block;
	margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
	position: absolute;
	z-index: 4;
	height: 100%
}

.CodeMirror-gutter-elt {
	position: absolute;
	cursor: default;
	z-index: 4
}

.CodeMirror-gutter-wrapper {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.CodeMirror-lines {
	cursor: text;
	min-height: 1px
}

.CodeMirror pre {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-width: 0;
	background: 0 0;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	-webkit-tap-highlight-color: transparent
}

.CodeMirror-wrap pre {
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: normal
}

.CodeMirror-linebackground {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0
}

.CodeMirror-linewidget {
	position: relative;
	z-index: 2;
	overflow: auto
}

.CodeMirror-code {
	line-height: 20px;
	outline: 0
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.CodeMirror-measure {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.CodeMirror-measure pre {
	position: static
}

.CodeMirror div.CodeMirror-cursor {
	position: absolute;
	border-right: none;
	width: 0
}

div.CodeMirror-cursors {
	visibility: hidden;
	position: relative;
	z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors {
	visibility: visible
}

.CodeMirror-selected {
	background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
	background: #d7d4f0
}

.CodeMirror-crosshair {
	cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection {
	background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection, .CodeMirror-line>span>span::-moz-selection {
	background: #d7d4f0
}

.cm-searching {
	background: #ffa;
	background: rgba(255, 255, 0, .4)
}

.cm-force-border {
	padding-right: .1px
}

@media print {
	.CodeMirror div.CodeMirror-cursors {
		visibility: hidden
	}
}

.cm-tab-wrap-hack:after {
	content: ''
}

span.CodeMirror-selectedtext {
	background: 0 0
}

.CodeMirror-hints {
	position: absolute;
	z-index: 10000;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 2px;
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
	border-radius: 3px;
	border: 1px solid silver;
	background: #fff;
	font-size: 90%;
	font-family: monospace;
	max-height: 20em;
	overflow-y: auto
}

.CodeMirror-hint {
	margin: 0;
	padding: 0 4px;
	border-radius: 2px;
	max-width: 19em;
	overflow: hidden;
	white-space: pre;
	color: #000;
	cursor: pointer
}

li.CodeMirror-hint-active {
	background: #08f;
	color: #fff
}